1. [Flutter] 개발환경 구축하기 (Flutter SDK 설치 및 Visual Studio Code 연동하기)

게시물을 보기 전, 안드로이드 스튜디오를 설치하시고 따라가시면됩니다.

 

1. 아래 링크로 이동하여 Flutter SDK 압축파일을 받고 특수문자가 없고 권한문제가 없는 경로에 압축을 풀어줍니다.

- 설치링크: https://docs.flutter.dev/get-started/install/windows#get-the-flutter-sdk

Windows install

클릭하여 설치

---

---

2. 설치된 Flutter 폴더를 열어 flutter_console을 실행합니다.

 

3. 실행된 콘솔에 flutter 파일이 있는 경로를 "cd"를 이용하여 들어가고, 명령창에 flutter doctor를 입력하여 SDK가 실행될 수 있는 환경인지 검사합니다.

 

---

---

4. doctor가 발견한 오류들을 해결합니다.

 

1. Visual Studio 오류

추가 issue 3가지

---

1) Visual Studio 오류

→ Visual Studio installer 수정에서 C++ 개발을 추가로 설치하여 해결하였습니다.

C++ 개발요소 설치

 

 

2) [X] Windows Version (Unable to confirm if installed Windows version is 10 or greater) 오류

→ stable로 되어있는 채널을 master로 변경하면 해결됩니다.

 

2-1) 명령창에 flutter channel을 입력하면  채널이 stable로 되어있는 것을 볼 수 있습니다.

 

2-2) 명령창에 flutter channel master 입력하여 channel을 master로 변경 후, 

        flutter channel을 입력하면 pub upgrade가 되면서 master로 바뀐 것을 볼 수 있습니다.(해결)

 

---

 

 

3) Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    [!] Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses 오류

→ 콘솔에 flutter doctor --android-licenses 를 입력 후, 약관을 동의하여 해결합니다.

 

3-1) 콘솔에 flutter doctor --android-licenses 를 입력후, 모두 y를 입력합니다.

flutter doctor --android-licenses 입력 후, y 입력

약관에 모두 y 입력 후, 완료

 

 

---

4)  Android Studio (version 2022.1)    [X] Unable to find bundled Java version. 오류

→ C:\Program Files\Android\Android Studio\jbr 에 있는 모든 파일을  C:\Program Files\Android\Android Studio\jre 에 복사하여 해결했습니다.

 

C:\Program Files\Android\Android Studio\jbr

C:\Program Files\Android\Android Studio\jre

 

---

5. 모든 이슈 해결완료.

---

6. Visual Studio 에 Flutter와 Dart plugins 설치하기

아래 링크에서 VS Code를 클릭하여 설치합니다.

- 설치링크: https://flutter-ko.dev/docs/get-started/editor?tab=vscode 

에디터 설정

VS Code 클릭

Visual Studio Code 설치 진행

 

---

7. Visual Studio Code 를 이용하여 Flutter 프로젝트 생성

7-1) Extentions 에서 Flutter를 검색하여 설치합니다.

 

7-2) View > Command Palette 을 클릭하고 flutter 를 검색한 뒤, Flutter: New Project 를 눌러 프로젝트를 생성해줍니다.

 

*여기서아래와 같은 메시지가 뜬다면, 위에서 설치 해주었던 Flutter SDK 경로를 설정해줍니다.

Flutter SDK 경로 설정하고 재실행하기

 

 

7-3) 프로젝트 저장 경로 설정 및 프로젝스 생성완료

Application 클릭 후, 프로젝트 저장할 폴더 설정

---

8. 프로젝트 빌드(F5) 완료.!

Flutter 데모 프로젝트 빌드 완료!