Flutter_ 설치

230515

 

---

그럼 본격적으로

앱을 만들기 전에

Flutter를 설치해보자.

 

---

1. flutter.dev 홈페이지 ▶ Get Started ▶ Install 페이지

 

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

Install

 

우선 위의 사이트로 들어가서

본인의 운영체제에 맞게 선택해준다.

 

그리고 위와 같이 .zip 파일을 다운 받고

path를 설정해 주면 끝!

 

 

2. Chocolatey 사용

 

https://astrum93.tistory.com/70

VScode에서 Dart를 사용하기 위한 준비 - 윈도우

지난 포스팅에서 Dart를 설치했을때와 마찬가지로chocolatey를 이용할 수 있다.

 

위의 포스팅을 따라 Chocolatey를 설치했다면

명령어 choco를 사용할 수 있다.

 

choco install flutter

그리고 CMD창을 관리자 권한으로 실행시켜

위의 명령어를 입력한다.

 

중간에 script를 실행 시킬거냐는 물음이 나오면

Y 를 입력하고 Enter!

 

그러면 위와 같이 PATH environment (환경변수)

추가 까지 포함되어 설치가 성공적으로 완료된다.

 

Flutter의 기본 환경변수 경로 또한Dart와 마찬가지로

 

C:\tools\flutter\bin

 

으로 되어있다.

 

---

3. 시뮬레이터 설치

웹은 이미 브라우저가 있기 때문에

따로 설정을 안해도 되지만

 

안드로이드 스튜디오의 경우

아래의 링크의 순서에 따라 설치가 가능하다.

 

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

Windows install

 

나는 안드로이드 유저이기 때문에안드로이드 스튜디오를 설치해 보겠다.

 

https://developer.android.com/studio

Download Android Studio & App Tools - Android Developers

위 링크를 클릭해서

설치 페이지로 이동한다.

 

 

연두색 Download Android Studio Flamingo 클릭

 

 

그럼 위와 같이 .exe 파일이 다운되고

 

실행~

 

 

다음 클릭

 

 

Android Virtual Device 도

설치할거냐고 물어본다.

 

나는 설치했다.

 

 

다운 받을 경로 확인하고

Next!

 

 

Shortcuts를 설정할거냐고 물어본다.

나는 그냥 Android Studio로 새로 만들었다.

Install! 

 

설치중~

 

설치 완료!

 

자 이제 실행 해보자.

---

귀여운 플라밍고와 함께 시작된다.

 

환영한다는 인사와 함께

우리의 개발 환경을 위한 셋팅을 시작하겠다고 한다.

 

Next를 눌러주자.

 

install type은 당연히

우리는 초보이므로 Standard로 설치해준다.

 

테마를 선택하는 곳이다.

취향껏 선택하면 된다.

 

 

뭐뭐 설치할지 알려주는 순서이다.

Next 클릭

 

 

라이센스 동의 장면이다.

 

android-sdk-license

android-sdk-arm-dbt-license

intel-android-extra-license

 

3가지 모두  Accept 해준다.

 

그리고 Finish클릭

 

그러면 설치가 시작된다.

 

설치가 완료된 모습이다.

Finish 클릭

 

Android Studio의 메인 화면을 영접하게 된다.

 

 

 

---

iOS 시뮬레이터의 경우아래의 링크에서 순서대로 설치 할 수 있다.

 

https://docs.flutter.dev/get-started/install/macos#set-up-the-ios-simulator

macOS install

 

이상 Flutter 및 시뮬레이터 설치편을 마치겠다.