[Flutter] m1 Flutter install 방법

김민주·2023년 1월 18일

0. Android Studio, XCode, VsCode 다운

Flutter는 안드로이드와 IOS 모두 가능한 hybrid platform을 만들 수 있기 때문에 두 framework 모두 다운받아줘야 합니다.
참고로 Android Studio는 google에 검색해서 다운받으면 되고, XCode는 app store에서 다운받으면 됩니당. 저와 같은 m1인분들은 apple silicon으로 꼭 다운받아주세요!

그리고 VsCode도 google에서 다운받아주세요 :)

저는 위의 세 개 모두 다운받아져있어서 생략하도록 하겠습니다.

1. Flutter SDK 다운

flutter의 공식 웹사이트를 참고하여 sdk를 다운받아주세요.

 cd ~/development
 unzip ~/Downloads/flutter_macos_vX.X.X-stable.zip

그리고 path도 추가해줍니다.
~~저는 이 부분을 넘기고 가서 밑에서 해결했습니다ㅜㅜ~~

 export PATH="$PATH:`pwd`/flutter/bin"

2. Visual Studio Code

Extension

extension에 들어가 flutter를 install해주세요. install이 완료되면 flutter에서 사용하는 언어인 dart도 자동으로 install 되어있는 걸 확인하실 수 있습니다.

Flutter: Run Flutter Doctor

ctrl+shift+p 단축키로 Pallete를 실행합니다.
Flutter: Run Flutter Doctor을 들어가면 SDK 경로를 못찾는다고 나옵니다.
~/development/flutter/bin 로 경로를 지정하면 됩니다.
그럼 자동으로 flutter 검사가 진행됩니다.

아래는 터미널에 표시된 output입니다.

다 체크가 안되있고 저처럼 [!] 표시가 뜨면 설치를 해줘야하는 부분입니다. 저는 Android toolchain이 없다고 뜹니다.

따라서 terminal로 들어가서 flutter doctor --android-license을 쳐줘야합니다.

3. Terminal

저는 위와 같이 flutter comand가 없다고 뜨네요ㅜ

flutter sdk의 path 설정을 하지 않았기 때문입니다!!

cd ~
vim .zshrc

라고 하신다음에 PATH 부분에 flutter/bin 위치를 넣어주시면 됩니다.

이제 다시 돌아와 Android toolchain을 다운받아줍니다.

또 문제가 발생했네요,,

4. Android Studio

Android SDK command-line Tools를 설치해야 하기위해 Android Studio applciation을 켠 다음 preference를 클릭하여 아래와 같은 화면에서 SDK Tools를 찾아주세요.
아마 Android SDK Command-lineTools 옆에 체크 표시가 없을 것 입니다. 체크하고 Apply하여 다운받아주세요. OK버튼을 누르면 끝납니다!

이제 다시 flutter doctor --android-license를 터미널에 작성해주세용. 이제 Accept? 이라는 물음에 y를 쭉 대답해주면 됩니다.