얼렁뚱땅 개발 블로그

[Flutter] Flutter 개발환경 구축하기 (Window & android studio) 본문

전공/개발환경

[Flutter] Flutter 개발환경 구축하기 (Window & android studio)

김경원0519 2020. 5. 5. 18:41
반응형

1. Flutter 다운로드

1-1. Flutter SDK 다운

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

 

Windows install

How to install on Windows.

flutter.dev

위의 링크 접속 후 Flutter SDK 압축 파일 다운

 

1-2. Flutter SDK 압축 풀기

※ 권한이 필요한 위치에는 압축을 풀지 말아 주세요.

 

2. Path 추가

2-1. 시스템 환경 변수 접속

window 검색하여 시스템 환경 변수 편집을 열어줍니다.

 

2-2. 환경 변수 클릭

 

2-3. Path 선택 후 편집 클릭

 

2-4. 자신의 flutter\bin 경로를 추가

 

 

3. Flutter doctor 실행

3-1. 명령어 창에 flutter doctor 입력

  • [√] Flutter : flutter sdk 설치 완료
  • [X] Android toolchain : android toochain 설치 필요
  • [!] Android Studio : android studio 설치 필요
  • [!] VS Code : VS Code 설치 필요
  • [!] Connected device : 연결된 디바이스가 없음

위의 항목 중 Android toolchain, Android Studio를 해결해야 android studio에서 flutter를 실행할 수 있습니다.

 

 

4. android studio 설치

4-1. android studio 설치 

https://kimkyungwon-blog.tistory.com/4?category=902023

 

[안드로이드 스튜디오] 안드로이드 스튜디오 설치하기 (Window)

안드로이드 스튜디오란? 구글에서 공식적으로 지원하는 안드로이드 애플리케이션을 위한 IDE입니다. Intellij IDEA를 기반으로 Gradle 빌드를 사용합니다. 안드로이드 스튜디오 다운로드 1. 아래의 링

kimkyungwon-blog.tistory.com

android studio 설치 방법은 위의 링크를 참고 바랍니다.

 

 

5. android licenses 동의

5-1. 명령어 창에 flutter doctor --android-licenses 입력 후 모든 항목 동의

 

6. Android studio Flutter plugin 설치

Android Studio에서 Flutter 및 Dart plugin이 설치가 필요

6-1. Configure - Plugins 클릭

만약 저 화면이 아닌 프로젝트 화면이 뜰 경우 File-Setting-Plugins 클릭

 

6-2. Flutter 검색 후 install 클릭

Flutter를 install하면 Dart도 같이 install이 됩니다.

 

7. 완료

7-1. flutter doctor를 다시 입력해 완료된 항목 확인

3가지 항목 해결 완료

 

 

8. Android Studio Flutter Project 생성

8-1. Start a new Flutter project 클릭

 

8-2. Flutter Application 클릭

 

8-3. Flutter 정보 설정

  • Project name : 프로젝트 이름
  • Flutter SDK path : 자신의 flutter 폴더의 경로
  • Project location : 프로젝트가 저장될 경로
  • Description : 프로젝트에 관한 설명

 

8-4. package 이름 설정

 

8-5. project 실행

반응형
Comments