Flutter 앱 개발 (2) : 개발 환경 설정(Window)

Flutter 개발 환경 설정

Windows install | Flutter

Windows install

위 링크의 내용에 맞게 window 환경에서 Flutter 설치를 진행해보려고 한다.

 

1. Flutter SDK 다운로드

SDK를 다운로드한 후, D drive에 압축해제 시켜주었다.

C:\Program Files\ 와 같은 권한이 필요한 폴더 내에는 Flutter 설치를 하지 말라고 공식 문서에 기록되어 있어서, src 폴더를 만들어 src 폴더를 만든 후 이 내부에 압축 해제 시켜주었다.

 

2. 환경 변수 설정

다음으로 환경 변수 설정이다.

윈도우 검색창에 "환경 변수"를 검색한 후 나오는 "시스템 환경 변수 편집"을 선택한다.

 

 

해당 창 우측 하단 환경 변수 버튼을 누른 후 환경 변수를 추가하자.

 

사용자 변수가 모여있는 표에서 Path라는 변수가 있을것이다.

Path 변수를 클릭한 후, 새로 만들기 버튼을 눌러 경로를 등록하면 된다.

 

 

환경변수를 적용하기 위해서는 컴퓨터를 재부팅해야 한다.

 

등록할 경로는 Flutter SDK를 설치한 bin 경로를 넣어주면 된다.

나 같은 경우는 "D:\src\flutter\bin"을 추가하였다.

 

3. 설치 환경 확인

환경 변수까지 설정을 완료했다면, 다른 추가 설정들이 필요한지 확인해 보자.

Flutter SDK를 설치한 폴더로 가서 flutter_console 파일을 연 후, flutter doctor 명령어를 입력한다.

 

명령어를 실행하면 cmd창에 이런 문구들이 뜨고, 잠시 뒤에 플러터 실행 조건을 확인한다.

 

이미 안드로이드 스튜디오는 다운되어 있는 상태이다.

! 표시가 있는 Android toolchain에 대한 문제점을 해결해 보자.

 

3.1. Android Licences

flutter_console cmd창에서 다음 명령어를 입력한다.

flutter doctor --android-licenses

이후 화면에 나오는 절차에 맞춰 진행하면 된다. 나는 모두 y를 입력해서 진행하였다.

 

4. Android Studio 설치

Android Studio가 없다면 설치를 진행하면 된다.

 

4.1. Android Studio Flutter plugin 설치

설치를 진행하면 된다. install 버튼을 누르면 Dart plugin 설치가 필요하다는 안내문이 나오는데, 수락하여 같이 설치하면 된다.

 

5. Visual Studio Code 사용하기

Visual Studio Code의 플러그인을 사용해서 Flutter 프로그래밍을 VSCode로 진행해 보도록 하자.

 

맨 위의 Flutter를 설치하면 된다.

 

설치 후 Ctrl + Shift + P를 누르면 상단에 명령어를 입력할 수 있는 창이 나온다.

 

Flutter: New Project를 선택 후 기본 템플릿, 프로젝트 이름과 Path를 설정하면 된다.

 

완료!

 

6. Emulator 활성화

만든 애플리케이션을 가상 모바일 기기에서 구동할 수 있는 Emulator를 활성화시켜 보자.

Ctrl + Shift + P를 누른 후 Flutter:Launch Emulator를 선택한다.

 

Android SDK가 설치되어 있다면, 실행할 수 있는 Emulator들이 있을 것이다.

 

선택하면 Emulator가 실행된다.

 

Emulator를 실행한 후, VSCode 우측 상단의 디버그 버튼을 누르면 디버깅 모드가 시작된다. 처음 진행한다면 시간이 좀 걸린다.

 

완성!

 

초기설정 포스팅은 여기서 마무리하면 될 것 같다. 추가적으로 필요한 기능들은 구글링을 통해서 설정하면 된다. 유용한 설정들을 알게 되면 포스팅할 예정이다.