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

 

 

플러터(Flutter) 개발을 위해 개발환경을 구축하려고 합니다.

기존에 집과 사무실 두 곳에 개발환경을 설정해 두었으나, 비슷한 시기에 초기화를 진행하게 되었습니다.

그래서, 개발 환경 설정을 다시 진행함과 동시에 어느 장소에서든 개발을 이어갈 수 있도록

Git을 이용한 소스관리까지 설정해볼까 합니다.

아울러, 한 곳에는 VS Code를 이용하여 설정하고 한 곳에는 Android Studio를 이용하여 설정하여

두가지를 비교해보며 개발을 진행하고, 병행하여 사용했을 때 문제가 없을지도 확인해보려 합니다.

 

---

 

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. Android Studio 다운로드 및 설치

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

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

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

 

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

 

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

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

 

 

3. Visual Studio Code 다운로드 및 설치

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

https://code.visualstudio.com/docs?dv=win

Documentation for Visual Studio Code

자동으로 최신의 VS Code가 다운로드 됩니다.

 

(2) 다운로드 받은 파일을 실행하여 설치합니다.

 

 

(3) Flutter extension for VS Code 설치

확장(Extensions) 아이콘을 클릭하고 [flutter]를 검색하여, Flutter 확장프로그램을 설치합니다.

 

 

4. Visual Studio 설치

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

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

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

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

 

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

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

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

 

5. 설치 완료 체크 및 Trouble Shooting

(1) 설치 완료 체크

VS Code 화면에서 [Ctrl + Shift + P]를 눌러서 입력창에 flutter를 입력하고 Flutter: Run Flutter Doctor를 선택합니다.

혹은, 터미널 창에서 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 개발환경을 구축하는 것을 마치겠습니다.