플러터(Flutter) 개발 환경 설정 (2) - Windows, Android Studio

 

 

이번에는 Android Studio를 개발 툴로 하는 플러터(Flutter) 개발환경을 구축하려고 합니다.

글의 내용 중 일부 VS Code 개발환경과 유사한 부분은 동일한 글 및 이미지를 사용하였습니다.

---

 

1. Flutter SDK 다운로드

(1) 아래 사이트로 들어갑니다.

https://docs.flutter.dev/get-started/install/windows/mobile?tab=download

Start building Flutter Android apps on Windows

 

 

(2) 페이지를 아래로 스크롤하여, Flutter SDK를 Download합니다.

 

(3) 원하는 경로에 압축을 풉니다.

저는 C:\ 에 압축해제하였습니다. 각자 원하시는 위치에 하시면 됩니다.

 

(4) 환경변수에 등록합니다. 

윈도우 시작 메뉴에서 [설정]을 클릭하고 [환경]으로 검색하여 [시스템 환경 변수 편집] 화면으로 들어갈 수 있습니다.

 

[환경변수]를 클릭하고, 

[Path]를 선택한 후 [편집]버튼 클릭,

[새로 만들기]버튼 클릭 후 위에서 압축해제 한 플러터 SDK의 경로에 [\bin]을 추가하여 등록한 후 [확인]을 클릭하여

설정을 완료합니다.

 

2. Visual Studio 설치

(1) 아래 사이트로 들어갑니다.

https://visualstudio.microsoft.com/ko/downloads/

Visual Studio Tools 다운로드 - Windows, Mac, Linux용 무료 설치

다운로드를 진행합니다. 버튼을 누르면 다른 페이지로 이동하며 자동으로 다운로드가 진행됩니다. 

 

(2) 설치를 진행합니다.

[C++를 사용한 데스크톱 개발]을 체크하고 설치합니다.

실행할 필요는 없으니, [설치 후 시작]체크박스는 해제합니다.

 

3. Android Studio 다운로드 및 설치

(1) 아래 사이트로 들어갑니다.

https://developer.android.com/studio?hl=ko

Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers

 

최신 버전을 다운로드 합니다.

 

(2) 설치를 진행합니다.

설치 후 실행하여, Setup Wizard까지 진행합니다.

 

실행 후 설정아이콘 - Plugins... 를 선택합니다.

flutter를 검색하여, Flutter 플러그인을 설치합니다. Dart 플러그인 까지 같이 설치됩니다.

 

File - New - New Flutter Project(혹은 New Project) 를 선택합니다.

 

좌측메뉴에서 Flutter를 선택하고, SDK를 설정한 경로를 설정해줍니다. SDK는 한번만 설정해주면 됩니다.

프로젝트명을 입력하고 Create 버튼을 누르면 프로젝트가 생성됩니다.

 

 

 

4. 설치 완료 체크 및 Trouble Shooting

(1) 설치 완료 체크

터미널 창을 열고 flutter doctor -v 를 입력하여 실행합니다.

위와 같은 화면이 나온다면 설치에 문제가 없는 것입니다.

 

(2) 체크 중 오류 수정

위와 같은 toolchain 오류가 나는 경우

 

Android Studio를 실행하고 상단 메뉴에서 [Settings]를 선택합니다.

Android SDK -> SDK Tools 탭 -> Android SDK Command-line Tools 항목의 체크박스를 체크하고

[Apply]버튼을 눌러 설치합니다.

 

다시 체크했을때도 위와 같은 메시지가 보인다면,

터미널 창에서 

flutter doctor --android-licenses

를 입력하고,

질문에 y 를 입력합니다.

---

 

이것으로 VS Code로 flutter 개발환경을 구축하는 것을 마치겠습니다.