[Flutter] Flutter 설치 및 개발환경 세팅

OS : MacOS Monterey 12.1

Mac 모델 : MacBook Pro(16형, 2021년 모델)

칩 : Apple M1 pro (Apple Silicon Mac)

맥북 프로 M1칩 Flutter 설치

macOS install

How to install on macOS.

docs.flutter.dev

flutter 공식사이트를 참조하여 설치 진행.

설치에는 크게 3가지의 과정이 필요하다.

개발환경으로는 아래 3종류가 있으며, 나는 Android Studio를 사용할 예정이다.

M1칩 (Apple Silicon Mac)에서는 Rosetta가 필요하다.
Rosetta는 기존 mac(intel cpu환경)에서 동작하던 앱을 m1 chip 환경에서도 동작할수 있게 해주는 도구이다.

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

2. Apple Silicon Mac을 다운로드.

3. 압축해제.

위의 단계를 거치면 설치가 완료된다.

설치가 된지 확인하는 방법.

$ export PATH="$PATH:`pwd`/flutter/bin"
// `pwd`에 위에서 다운로드 받은 압축파일을 압축 해제한 경로를 입력.
$ flutter doctor

위의 flutter 명령어가 정상동작한다면, 우선 flutter SDK 설치는 완료된것이다.

$ export PATH="$PATH:`pwd`/flutter/bin"
// `pwd`에 위에서 다운로드 받은 압축파일을 압축 해제한 경로를 입력.

이 명령어는 환경변수 설정 없이는 현재 터미널에서만 적용된다. 해당 터미널 종료시 매번 입력해주어야 한다.

flutter 명령어를 어디서나 언제나 사용할 수 있게 하기 위해서는 환경변수 설정이 필요하다.

터미널 Shell이 Bash일 경우, $HOME/.bash_profile 또는 $HOME/.bashrc 파일에 환경변수 설정
터미널 Shell이 Z Shell일 경우, $HOME/.zshrc 파일에 환경변수 설정 (OS 10.15이상부터는 Z Shell이 기본으로 설정되어있음.)

터미널 Shell을 확인하기 위해서는 터미널 상단바를 확인하면 된다.

$ vi ~/.zshrc

위의 명령어를 통해 환경변수 설정파일을 열고 아래 명령어를 입력해주면 된다.

export PATH="$PATH:`pwd`/flutter/bin"
// `pwd`에 위에서 다운로드 받은 압축파일을 압축 해제한 경로를 입력.

환경변수 설정파일 저장후 종료. 터미널을 종료한뒤 $ flutter doctor가 정상 동작 하는것 확인.

$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
$ sudo xcodebuild -runFirstLaunch

3. XCode License 동의.

$ sudo xcodebuild -license

4. 외부 라이브러리 관리모듈인 cocoa pod 설치.

$ sudo gem install cocoapods

최신버전 Android Studio 설치.
$flutter docto에서 발견된 에러 해결.
1. Cmdline-tools compoent is missing 오류 대처. Android Studio Preference에 진입해 해당 Tool이 제대로 설치 되었는지 확인.

2. Some Android licenses not accepted 오류 대처. 아래 명령어 입력후 약관 동의.

$ flutter doctor —android-licenses

Android Studio > Preference > Plugins 에서 Flutter, Dart 설치. Dart 설치의 경우 Flutter를 설치하면 자동으로 설치됨.

꼬라박