[Flutter] Flutter 개발환경 구축하기 (Window & VS Code)

1. Flutter 다운로드

1-1. Flutter SDK 다운

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

Windows install

위의 링크 접속 후 Flutter SDK 압축 파일 다운

 

1-2. Flutter SDK 압축 풀기

※ 권한이 필요한 위치에는 압축을 풀지 말아주세요.

 

 

2. Path 추가

2-1. 시스템 환경 변수 접속

window 검색하여 시스템 환경 변수 편집을 열어줍니다.

 

2-2. 환경 변수 클릭

 

2-3. Path 선택 후 편집 클릭

 

2-4. 자신의 flutter\bin 경로를 추가

 

 

3. Flutter doctor 실행

3-1. 명령어 창에 flutter doctor 입력

• [√] Flutter : flutter sdk 설치 완료
• [X] Android toolchain : android toochain 설치 필요
• [!] Android Studio : android studio 설치 필요
• [!] VS Code : VS Code 설치 필요
• [!] Connected device : 연결된 디바이스가 없음

위의 항목 중 Android toolchain, VS Code를 해결해야 VS Code 내에서flutter를 실행할 수 있습니다.

 

 

4. Android toolchain해결

4-1. android studio 설치

android studio를 설치하면 Android SDK와 JDK를 자동으로 설치해준다.

https://kimkyungwon-blog.tistory.com/4

[안드로이드 스튜디오] 안드로이드 스튜디오 설치하기 (Window)

 

android studio 설치에 관한 정보는 위의 사이트를 방문하여 알아본다.

 

 

 

5. Android licenses 동의

5-1. flutter doctor --andorid-licenses 입력 후 모든 항목 동의

 

 

6. VS Code 설치

6-1. VS Code 설치

https://kimkyungwon-blog.tistory.com/9

[VSCode] VSCode 설치

VS Code 설치에 관한 정보는 위의 사이트를 방문하여 알아본다.

 

 

7. VS Code Flutter extension 설치

VS Code에서 Flutter extension 설치 필요

 

7-1. Ctrl + Shift + X 입력

 

 

7-2. flutter 검색 후 install

 

 

8. 완료

8-1. flutter doctor를 입력해 완료된 항목 확인

3가지 항목 해결 완료

 

 

9. VS Code Flutter Project 생성

9-1. View-Command Palette 클릭

 

9-2. Flutter: New Project 검색

 

9-3. Flutter project 이름 설정

 

9-4. Flutter project 생성 경로 지정

 

9-5. proejct 실행

※ 에뮬레이터는 android studio에서 설치를 한다.