본문 바로가기
Flutter/Setting on Mac

[Flutter on Mac] Apple Silicon M2 Pro 플러터 설치과정 정리 2탄(23.06.28)

by Code Art 2023. 6. 28.

맥에 플러터 설치과정 2탄

1탄에서는 Xcode와 Android Studio 설치까지 진행완료하였다.

이번엔 flutter SDK 설치 및 환경변수 설정을 해보려고 한다.

 

1. Flutter SDK for Apple Silicon 설치

(1) 플러터 사이트 접속 후 os에 맞는 zip 파일 다운

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

 

macOS install

How to install on macOS.

docs.flutter.dev

flutter SDK zip
오른쪽 파일 다운함

위 사이트에 들어가서 애플 실리콘용 zip 파일을 다운로드 받는다. (M2 Pro)

 

 

(2) 터미널창에서 development 폴더 만들고 해당 폴더로 이동

development 폴더 생성

cd ~/development를 처음 쳤을때 해당하는 디렉토리가 없다는 문구가 나왔다.

그래서 mkdir 명령어로 development 라는 폴더를 만들고

cd ~/development 명령어를 쳐서 development 폴더 안으로 이동하였다.

 

 

(3) 압축 파일 풀기

unzip ~/Downloads/flutter_macos_arm64_3.10.5-stable.zip

unzip flutter sdk

다운로드 폴더 안에 다운받았던 플러터 sdk 파일을 압축해제하는 명령어이다. 해당 명령어를 치면 development 폴더 안에 압축 해제된 파일들이 생긴다. 터미널 또한 압축이 해제되는 과정이 엄청 길게 나온다.

 

 

(4) 경로설정

터미널을 통해 zsh 파일에 접속해 vim 형식으로 파일 내용들을 수정해줬다. 해당 내용들은 이미지 설명에 적었다.

zshrc 수정
cd ~를 쳐서 위치를 이동 => vi ./.zshrc 명령어로 zsh 파일에 접속한다.
zsh 파일 접속
zsh 파일에 이미 저장되어있는 정보들이다. 여기에 추가로 입력해줘야한다.
pwd 절대경로 파악
development의 절대경로 파악하기

여기선 자세한 설명이 필요해서 추가로 적으면, zshrc 파일에 export PATH="$PATH:`pwd`/flutter/bin"

이거에 해당하는 텍스트를 적어야하고, pwd 는 특정 폴더의 절대경로를 의미한다.

나는 플러터 sdk 압축 해제를 development 폴더에 했으므로 development 의 절대경로를 파악하여 저 pwd 대신에 적어줘야했기 때문에 새로운 터미널을 하나 더 열어서 

cd ~/development로 해당 폴더로 이동한 후에,

pwd 명령어를 통하여 /Users/ominseom/development 가 절대경로임을 알아냈다. 

따라서 다음은 해당 정보를 반영하여 export PATH="$PATH:/Users/ominseom/development/flutter/bin" 을 추가 입력해줬다. 

zsh 파일에 정보를 입력하기 위해서는 ESC 누르고 i 키를 눌러야 INSERT 모드로 바뀌면서 입력모드로 진입할 수 있다.

PATH 추가
3번째 줄에 PATH 추가 입력해줌
입력모드 해제
ESC키 누르면 하단에 INSERT 문구가 없어지면서 입력모드가 해제된다.
:wq! 로 저장
:wq! 를 입력하면 해당 내용이 저장된 상태로 zsh 파일을 나간다.
zsh 영구저장
터미널로 돌아온 상황, source ./.zshrc 명령어를 입력하여 zsh파일을 영구저장한다.
flutter 설치 검진
flutter doctor 명령어를 통해 flutter가 잘 설치되었는지 검진

 

 

(5) Flutter Doctor 검진 결과 에러 수정

error fix (1)

1) Android toolchain에 경고 모양은 flutter doctor --android-licenses를 터미널에 입력하면 해결됐다. 안드로이드 스튜디오 설치시 SDK manager에서 command line 부분 체크 되어있었기에 해당 명령어만 쳐도 문제가 해결된 듯하다.

flutter doctor --android-licenses

licenses agree (1)
y 입력
licenses agree(2)
y 입력
licenses agree(3)
y 입력

이후에도 몇개 더 Accept를 묻는데 y 입력하면 라이센스 동의 완료되고

error fix (2)

이처럼 경고문 떴던 Android toolchain 이 해결된다.

 

 

2) 두번째 에러로는 XCode 설치 후에

xcode 추가 명령어

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

이 명령어를 터미널에 입력해야만 했는데 빼먹었다. 1탄 수정해야지..

* 해당 명령어 칠 때 위치가 development 폴더 안이 아니도록 주의하기 cd ~ 로 ~위치로 이동

xcode 명령어 입력 사진
중간에 password는 맥북 비번 치고 enter. 비번은 투명으로 안보임

 

3) cocoapods는 homebrew를 이용해 설치해주었다.

cocoapods install
시간이 좀 걸렸음!

마지막으로 flutter doctor 문제 없는 모습

flutter doctor error fix finish
No issues found!

 

너무 길어져 3탄으로 이동. VSCode에 익스텐션 설치하고 개발환경 세팅할 예정