Flutter 개발 환경 설정 (vscode)

Flutter의 window/mobile install document

https://docs.flutter.dev/get-started/install/windows/mobile

필자는 vscode 사용자이므로 vscode extension을 설치한다.

https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

Flutter - Visual Studio Marketplace

문서의 가이드는 아래와 같다. 하나씩 따라해보자.

1. Launch VS Code.
2. To open the Command Palette, press Control + Shift + P.
3. In the Command Palette, type flutter.
4. Select Flutter: New Project.
5. VS Code prompts you to locate the Flutter SDK on your computer.
   1. If you have the Flutter SDK installed, click Locate SDK.
   2. If you do not have the Flutter SDK installed, click Download SDK.
   3. This option sends you the Flutter install page if you have not installed Git for Windows as directed in the development tools prerequisites.
6. When prompted Which Flutter template?, ignore it. Press Esc. You can create a test project after checking your development setup.

설치

vscode를 켜고 Control + Shift + P 로 커맨드 창을 연 다음 Flutter: New Project를 검색해준다.그러면 오른쪽 아래에 SDK를 다운로드 할 수 있는 패널이 뜬다. Donwload SDK 버튼을 누른다. 

누르고 경로를 정해주면 다운로드 로딩 창이 뜬다. 필자의 경우엔 C:\ 경로를 선택했다. 다운로드가 완료 된 후 다시 위와 같은 패널이 뜨면 Locate SDK를 클릭한 후 C:\flutter 를 선택해준다. 그리고 다시 위의 Flutter: New Project 를 실행하면 아래와 같은 패널을 볼 수 있다.

Application을 선택하고 프로젝트를 진행할 경로를 선택한다. 필자는 C:\Users\Administrator\Documents\GitHub 를 선택했다. 깃허브에 있는 모든 프로젝트를 이 곳에서 관리하고 있기 때문이다.

경로를 정하면 위와 같은 화면을 볼 수 있다. Application을 선택 했기 때문에 데모 앱이 같이 나온다. Flutter를 처음 접하는 사람은 해당 데모 앱을 보면 도움이 많이 될 것이다. 이제 가상 에뮬레이터를 사용해야 하기 때문에 안드로이드 스튜디오를 설치해주자. 

https://developer.android.com/studio

vscode 커맨드 패널에서 Flutter: Run Flutter Doctor를 실행한다. Flutter Doctor는 프로젝트 세팅이 잘 되었는지 전체적으로 확인해준다. 아래와 같이 문제점이 0개로 나오면 설정이 잘 된 것이다.

이제 오른쪽 위 디버그 버튼을 누르면 다음과 같은 패널을 볼 수 있다. 브라우저 혹은 이미 생성해 둔 에뮬레이터를 확인할 수 있다.

 만약 에뮬레이터를 생성하지 않았다면 안드로이드 스튜디오의 디바이스 매니저에서 원하는 에뮬레이터를 생성한다.

원하는 기기를 선택해서 생성한다. 원하는 기기의 프로파일을 다운받고, 임포트 받아서 사용해도 된다. 필자는 기존에 생성해 두었던 Galaxy21 API 33을 사용한다.

에뮬레이터를 생성했으면 위와 같이 vscode에서 에뮬레이터를 선택한다. 아래와 같이 디바이스가 뜨고 설치가 완료되면 설정 끝! 필자의 경우엔 시간이 3분 정도 걸렸으니 끝날 때 까지 기다려야 한다.