Visual Studio Code에서 Flutter 프로젝트 | AVD 안드로이드 Emulator

Android Studio를 사용중에 ram이 virtual 30gb까지도 90% 이상을 차지하고 있던 상황에 Visual Studio Code가 훨씬 더 가볍다고 하여 Visual Studio Code를 사용하기 시작했습니다.

Visual Studio Code 단축키

• 파일 실행 (디버그 시작): F5
• 현재 파일 실행 (디버그 없이): Ctrl + F5
• 실행 중인 디버그 세션을 중지: Shift + F5
• 핫 리로드: Ctrl + F5       // VS Code의 디버그 툴바에 있는 '핫 리로드' 버튼(번개 모양 아이콘)
• Quick Fix : Ctrl + .        // Android Studio에서는 Alt + Enter
• 코드 정렬: Shift + Alt + F
• 모든 주석 제거: Ctrl + H[찾기 및 바꾸기] → Alt + R [정규표현식 활성화] → .* 아이콘 클릭 → ^.*//.*\n 입력 → 모두 교체[Replace All] 아이콘 클릭

 

flutter doctor 실행시 [x] 표시되는 Visual Studio Desktop development with C++ workload 설치 방법

1. Visual Studio Installer를 실행하고 Modify를 클릭하여 Workloads 페이지로 이동합니다.
2. Desktop development with C++ workload를 선택하고 Install 버튼을 클릭합니다.
3. 설치가 완료되면 Visual Studio를 재시작합니다.

 

Visual Studio Code에서 flutter project를 시작하는 방법

1. Visual Studio Code를 실행하고 View > Command Palette를 선택하거나 Ctrl+Shift+P를 누릅니다.
2. "flutter"라고 입력 - Application 중에 클릭하여 프로젝트를 저장할 폴더 선택

 

  3. 프로젝트 이름을 입력하고 Enter를 누르면 프로젝트가 생성됩니다.

 

Flutter 개발을 위해 VS Code에서 에뮬레이터를 실행하는 과정:

1. Flutter와 Dart 확장 설치:
   • VS Code에서, 확장(Extensions) 탭을 열고 Flutter를 검색한 뒤 설치합니다. Dart 확장도 함께 설치됩니다.
2. 에뮬레이터 설정:
   • Android Studio를 설치하고, AVD (Android Virtual Device) Manager를 사용하여 에뮬레이터를 설정합니다.
   • 이 과정에서 원하는 안드로이드 버전과 디바이스 사양을 선택하여 에뮬레이터를 생성합니다.
3. 에뮬레이터 실행:
   • VS Code에서 Ctrl + Shift + P (Windows/Linux) 또는 Cmd + Shift + P (macOS)를 눌러 명령 팔레트를 엽니다.
   • Flutter: Launch Emulator를 입력하여 명령을 검색합니다.
   • 검색 결과에서 Flutter: Launch Emulator를 선택합니다.
   • 사용 가능한 에뮬레이터 목록이 표시되면, 실행하고자 하는 에뮬레이터를 선택합니다.

이렇게 하면 선택한 에뮬레이터가 시작되고, VS Code에서 Flutter 앱을 개발하며 에뮬레이터를 통해 결과를 바로 확인할 수 있습니다. 만약 에뮬레이터가 목록에 보이지 않는다면, 에뮬레이터가 제대로 설정되었는지 Android Studio의 AVD Manager를 통해 확인해보세요. 또한, Flutter SDK와 Dart SDK가 올바르게 설치되어 있는지, 환경 변수가 적절히 설정되어 있는지도 확인해야 합니다.

Flutter 앱을 실행하기 위해 에뮬레이터를 선택할 때, 다음 옵션들 중 하나를 선택할 수 있습니다:

1. Pixel_3a_API_34_extension_level_7_x86_64 android:
   • 이 옵션은 이미 설정된 Pixel 3a 에뮬레이터를 빠른 시작으로 실행합니다. 이는 에뮬레이터가 이미 한 번 시작되어 '스냅샷' 상태에 있을 때 사용하는 옵션입니다. '빠른 시작'은 이전 세션에서 저장된 상태를 불러와 빠르게 에뮬레이터를 실행하는 방법입니다.
2. Pixel 3a_API_34_extension_level_7_x86_64 android (cold boot):
   • '콜드 부트' 옵션은 에뮬레이터를 처음부터 새롭게 시작합니다. 이는 에뮬레이터가 이전에 저장된 상태 없이 처음부터 전체 부트 프로세스를 거쳐서 시작하는 것을 의미합니다. 이 방법은 에뮬레이터를 '깨끗한' 상태에서 시작하고 싶을 때 유용합니다.
3. + Create Android emulator:
   • 새 에뮬레이터를 생성하고자 할 때 이 옵션을 사용합니다. Android Studio의 AVD Manager가 열리며, 여기서 새로운 가상 디바이스를 설정할 수 있습니다.

일반적인 상황에서는 첫 번째 옵션을 선택하여 빠르게 개발을 시작하는 것이 좋습니다. 그러나 에뮬레이터가 예상대로 동작하지 않거나, '깨끗한' 시작을 원할 때는 '콜드 부트' 옵션을 선택할 수 있습니다. 새로운 에뮬레이터 설정이 필요하거나 다른 디바이스 또는 API 레벨을 시도하고 싶다면 세 번째 옵션을 선택하여 새로운 에뮬레이터를 생성하세요.