본문 바로가기

Flutter

#0 Flutter 설치하여 시작하기

[Flutter] 개발환경 세팅하기 (맥 OS/ m1) 

*맥 OS Apple Silicon 환경을 기반으로 개발환경 세팅을 진행한 글 입니다.

 

1. Rosetta 번역 환경을 설정

sudo softwareupdate --install-rosetta --agree-to-license

 

Rosetta 번역 환경 설정을 위한 코드 (진행 안해도 되는건지는 모르겠으나 나 같은경우 하지 않으니 오류가 발생했음..ㅠㅜ)

 

2. Flutter SDK 설치 진행

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

 

Choose your first type of app

Configure your system to develop Flutter on macOS.

docs.flutter.dev

 

나 같은 경우는 Apple Silicon 모델을 사용하기 때문에 해당 SDK 다운로드를 진행함

 

- 저장 후 자주 사용하는 위치에 압축을 풀어둠

*저는 Documents에 압축을 풀어두었습니다

 

3. 환경변수 설정

- 환경변수 설정을 위해 편집기로 이동 (zsh를 사용중)

vi ~/.zshrc

 

- 편집 모드로 변경 후 해당 코드를 추가

export PATH="$PATH:/Users/[사용자명]/Documents/flutter/bin"

 

- 이후 편집기에서 나와 저장

source ~/.zshrc

 

4. Flutter doctor을 통해 검사 진행

- 해당 코드 터미널에서 진행 ( 나 같은 경우는 xcode 관련 오류가 생겨 추가적으로 명령어를 기입함 )

flutter doctor

 

5. Android Studio 설치

- 이전 작업으로 인해 이미 설치가 되어있어 그대로 이어서 진행함

https://developer.android.com/studio?gad_source=1&gclid=CjwKCAiAxea5BhBeEiwAh4t5K_k8mW_dM14pH3N5as1kxbnPyjrE0fv9r1M8IkP5k6GvxuE6w9tJThoCc38QAvD_BwE&gclsrc=aw.ds&hl=ko

 

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.

developer.android.com

 

6. Android Plugin 및 SDK Tool설치

(1) 플러그인 설치

- Plugins 로 이동

 

- Flutter 설치하면 플러그인 설치 완료!

 

(2) SDK Tool 설치

 

- SDK Manager 로 이동

- Languages & Frameworks > Android SDK >SDK Tools 로 이동

 

 

- Android SDK Command-line Tools (latest) 체크 후 오른쪽 아래 Apply 하여 설치

 

7. 프로젝트 실행하기

 

- New Flutter Project를 클릭 > 왼쪽 사이드 바에서 Flutter 클릭

 

 

- flutter SDK 설치 경로를 입력하라고 뜨는데 이때 아까 압축을 풀어둔 위치를 작성하면 됨!

 

 

- 개발에 맞는 옵션을 선택하고 Create 클릭하면 프로젝트가 생성됨!