Install Flutter

Flutter 설치하기

[Flutter] 설치하기

May 27, 2024

Flutter 설치하기

Contents

1. 사이트 2. 다운로드 3. 환경 변수 설정 4. 안드로이드 스튜디오 설치 5. VS Code 다트 설치

1. 사이트

Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems.

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

2. 다운로드

notion image

notion image

3. 환경 변수 설정

notion image

notion image

notion image

notion image

바로 bin 폴더를 잡아줘도 됨

notion image

4. 안드로이드 스튜디오 설치

notion image

next 만 눌러서 실행시켜 주면 된다.

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

Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.

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

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

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

컴포넌트 다운로드 시 설치가 안되면

사용자계정이 한글이 아닐경우? 이거맞나 한글일 경우가 아니고?

자바 버전이 낮을 경우(1.8보다)

실행할 수 있는 메모리의 용량이 적은 경우

그래도 설치가 안된다면

AndroidStudio 설치 경로에 jbr폴더의 내용을 jre 폴더에 붙여넣기하면 됨

plugin flutter설치

notion image

notion image

notion image

SDK 설정

sdk 경로는 bin폴더가 있는 폴더

notion image

프로젝트 생성

notion image

언어 선택은 중요하지 않다.

Platforms : Android 와 Web 개발을 할 것이기 때문에 2개만 체크

Create 하고 Android를 Project로 바꿔줌

notion image

notion image

여기에 코드를 작성할 것임.

Terminal

notion image

안드로이드 툴 체인 설치 하여야 vs코드를 사용해서 개발할 것이 아니기 때문에 필요없음

안드로이드 툴 체인 설치

notion image

notion image

notion image

라이센스 accepted 해줘야 한다.


flutter doctor --android-licenses

notion image

Tools Device Manager

notion image

notion image

기본적으로 하나가 생성 되어 있다.

notion image

notion image

notion image

오래걸리니까 기다려야 함

notion image

5. VS Code 다트 설치

notion image

notion image

notion image

Share article

Contents

1. 사이트 2. 다운로드 3. 환경 변수 설정 4. 안드로이드 스튜디오 설치 5. VS Code 다트 설치