Flutter 기본 세팅

1. Flutter 설치

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

Install

 

2. zip 파일 다운로드 후 c:\flutter 에 압축 해제후 환경 변수에 c:\flutter\bin 을 Path에 입력

3. cmd 창에서 flutter --version 입력 명령어가 정상으로 나오면 제대로 설치 된 것

4. android studio 설치

https://developer.android.com/studio

Download Android Studio and SDK tools  |  Android Developers

5. 기본 설정으로 설치 후 File - Settings  실행 후 Plugins 에서 Flutter 을 install 후 재시작

6. 재시작 후 Flutter project 로 새 플러터 프로젝트 생성(한글 폴더가 있을 시 에뮬레이터가 작동하지 않는 현상이 있음)

7. 기본 프로젝트 생성 후 AVD Manager 에서 에뮬레이터 설치 후 실행

8. 실행 시 Unload로 시작하는 에러가 발생 시 File - Project Structure 에서 Project SDK 에서 SDK 설정 후 실행 해주면 정상 실행

9. VS Code 에서 실행을 위해서는 VS Code 설치 후 좌측의 확장 에서 Flutter 설치 (Rainbow Brackets도 함께 설치해서 가독성 UP)

10. Ctrl + Shift + P 로 Flutter doctor 실행

11. 2번째의 Android toolchain에 !표가 있다면 Android Studio 에서 File - Settings 에서 Appearance & Bejavior - System Settings - Android SDK 선택 후 SDK Tools 탭을 선택, Android SDK Command-line Tools 를 설치

12. 터미널에서 flutter doctor --android-licenses 실행 후 y로 라이센스 동의 후 다시 flutter doctor 실행 하면 !가 V로 바뀐 것을 확인 할 수 있음

13. 4번째의 Android Studio (not installed)이 !로 되어 있을 시 flutter config --android-studio-dir="C:\Program Files\Android\Android Studio" 로 안드로이드 스튜디오의 경로를 지정해 주면 완료

14. 기본 세팅 끝, VS Code 에서 Flutter Launch Emulator 실행 후 원하는 에뮬레이터 실행 후 우측의 실행 버튼 클릭 시 에뮬레이터 실행 및 해당 APK 설치 후 실행 됨

15. 프로젝트를 만든후 package 폴더가 안만들어 질때는 File - Project Structure - Modules에서 해당 폴더를 선택하고 상단의 Source를 눌러주면 package를 생성할 수 있다.

Tip. 디버깅 후 하단에 에뮬레이터 클릭하면 상단에 크롬이나 엣지로도 실행 할 수 있음