맥북 m1 에어 플러터 설치

사내스터디로 플러터를 해보자는 이야기가 나와서 간단하게 셋팅하여 실행시켜봤다.

 

1. 플러터 sdk 설치

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

macOS install

구글에 플러터 검색하고 들어가는 한국 사이트에서는 filed 이 떠있다.

한국 사이트 말고 외국 사이트를 들어가서 자신에게 맞는 걸 받으면 된다.

 

2. sdk 환경변수 등록

mkdir development

cd development
 
 open .
 
 export PATH="$HOME/development/flutter/bin:$PATH"

development 폴더를 만들어주고 위 명령어로 환경변수를 등록해준다.

 

3. 안드로이드 스튜디오 설치

 

https://developer.android.com/studio?gclid=Cj0KCQjwjbyYBhCdARIsAArC6LKVfUjspNsM5XZXWAjyAPLhHaFDr8HYDouKx-rORT2AW4u6I9B6ovQaAoUOEALw_wcB&gclsrc=aw.ds 

Download Android Studio & App Tools - Android Developers

안드로이드 스튜디오를 설치해주고 build-tools 33 command-line tools(latest) sdk platform-tools 3가지를 다운받아준다.

이걸 안하더라도 나중에 vscode 에서 실행했을 때 이슈로 나온다 어차피 해야하는 수순이다. ㅎㅎ

 

다 설치하고나서 터미널에 flutter doctor --android-licenses 를 치고 yyy 한 3번 정도하면 등록이 된다.

 

4. x-code 설치

x-code 는 앱스토어에서 받을 수 있는데 꽤 오래걸린다. 

설치 후 실행을 꼭 해주고 (설치하지않으면 나중에 이슈로 나옴)

sudo gem install cocoapods
pod setup

위 명령어를 실행한다.

 

5. vscode extenstion flutter

다른 블로그 글보면 인텔리j 나 다른 ide에서 설치해서 사용하는 경우가 있는 것 같은데

저는 vscode 를 쓰니 여기서 설치함

flutter 익스텐션을 설치하면 dart 가 같이 설치되는데 혹시나 됬나 확인하고 안됬으면 같이해줘야함

 

그리고 vscode 를 껏다 켜주는 것을 추천한다.

여기서 쉬프트 커맨더 p 를 입력한 뒤에 run flutter doctor 를 입력했을 때 터미널에서 실행 되는 모습을 볼 수 있는데

새로 시작하지 않으면 sdk를 찾아달라고 한다.

 

물론 찾아줘도 되지만 그냥 껏다 켜주는걸 추천한다.

 

찾아주는 경로는 아까 설치한 development 안의 bin 폴더를 선택하면 된다.

저도 처음엔 bin 으로 여러번 하다가 왜 안되지하고 껏다 켜보라는 이야기가 있어서 껏다 키더니 됬다....

6. 실행 전 이슈

run flutter 를 하고 나면 실행에 앞서 아직 셋팅이 안된 부분을 이슈로 알려준다.

위에서는 1개가 있는데 그게 x-code 인데... 아직 설치하고있다...

설치가 끝나서 실행을 시켜봤따.

 

쉬프트 커맨더 p 를 누르고 new Profject 를 눌러서 생성 한 뒤 launch emulator 를 실행해본다.

구글로 에뮬레이터가 실행이 됬다.

하지만 내껀 어디갔는지 모르겠다.

 

이제 셋팅했으니 여러가지 만져봐야겠다. ㅎㅎ