플러터(Flutter) 설치 및 설정

주식 어플만들기 프로젝트

개발툴은 Android Studio code 코드? 로 안하고 Android Studio 로 진행할 예정

 

1. 일단 윈도우에 깔아보자 

https://developer.android.com/studio

Download Android Studio & App Tools - Android Developers

 

Download Android Studio Giraffe

버튼을 클릭하고 다운로드 된

설치 파일 설치

 

 

 

2. 이제 플러터를 깔자

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

Install

 

Windows를 선택하고 그다음 나오는 최신 버전 파란 버튼을 눌러

압축 파일 다운로드 

(다운로드 시 바이러스로 인식하는 문제가 있지만 무시해도 됨)

 

C 드라이브의 프로그램파일 폴더를 제외한 곳에 압축을 풀어줌.

C드라이브에 바로 풀어주는 것이 좋음 ex)  C:\flutter 폴더

flutter 폴더로 들어가

flutter_console 파일 클릭

 

도스 형식의 콘솔 입력창에 flutter doctor 입력

이미지를 보면 녹색 체크가 안되는 부분이 있는데 영어에서 시키는대로 행하여 

녹색 체크로 바꾸어주어야 한다.

 

visual Studio code , 비주얼스튜디오도 깔고 코드도 깔고 

콘솔창에 flutter doctor --android-licenses 도 입력해 주자.

 

만약 안드로이드 스튜디오를 설치하였는데 [!] Android Studio (not installed)로 표기가 된다면 

안드로이드 스튜디오 경로 지정이 되지 않아서 발생하는 문제

해결법은 다음과 같이 안드로이드 스튜디오가 설치된 경로를 설정해주는 것이다.
flutter config --android-studio-dir="C:\Program Files\Android\Android Studio"

 

 

 

3. 환경 변수 설정

 

시작 표시줄 옆에 검색창이나 

키보드의 시작메뉴 띄우는 윈도우키 + s 를 누르면 뜨는 창에

계정의 환경변수 편집 화면을 검색해서 띄움 

시스템 속성 -> 고급 탭을 선택  하단에 환경 변수 버튼 선택해도 된다

 

위 이미지의 path를 더블클릭한 후 새로 만들기 해서

플러터가 깔린 폴더 \flutter\bin 이라고 쓰고 

저장

 

 

 

4. 안드로이드 스튜디오에서 플러터 플러그인 설치

 

 

플러그인 탭에서 Dart 와 flutter 를 설치한다.

 

설정 아이콘을 눌러 안드로이드 SDK Manager에서 안드로이드 api 최신 버전과 

Android SDK Command-line Tools 플랫폼 툴 등 flutter doctor에서 요구하는 항목을 설치

 

 

 

5. 프로젝트 시작

 

플러터를 설치한 폴더\flutter를 입력해준 후 프로젝트 생성

 

 

프로젝트에 들어와서 flutter 와 dart의 sdk를 설정하는 방법도 있다. 

상단 메뉴 file - setttings 에서

 

 

languages & frameworks

dart 의 패스를 C:\flutter\bin\cache\dart-sdk로 설정

flutter를 어느 경로에 설정해 두었느냐에 따라 중간 경로가 변경될 수 있다.

 

하단의 enable dart support for the following modules 체크 박스까지 체크하면 완벽.

 

또한 여기서 flutter path 도 수정 가능

 

 

만약 에뮬레이터 가 실행이 안된다면 

pub get을 직접 하단 콘솔 terminal 에 입력해 깔거나 

 

상단 바의 get dependencies 를 눌러 설치하면 실행된다.