[Flutter] Flutter 개발환경 셋팅하기 (feat.macOS)

Flutter SDK 설치하기

1. 설치할 OS 선택

Install

나의 경우 macOS를 사용하고 있기 때문에 맥 기준으로 설명하도록 하겠다.

2. Flutter SDK 설치

본인이 쓰는 프로세서에 따라 선택해준다.

나의 경우 m1이기 때문에 Apple Silicon을 선택했다.

3. 압축 풀기

원하는 위치에 압축을 풀어준다.

[your diretory] $ unzip ~/Dowumloads/flutter~.zip

4. 환경변수 설정하기

철저하게 나의 위주로 설명하기 때문에 이를 참고하는 분들은 본인의 상황에 맞춰서 해야함을 명심하자.

 

1) zshrc 파일을 VS code에서 실행

code ~/.zshrc 

2) 파일을 열고 적절한 위치에 다음과 같이 붙여넣기

export PATH="$PATH:[PATH_TO_FLUTTER_DIRECTORY]/flutter/bin"

붙여넣었으면 터미널을 다시 켜준다. (새로고침 해도 된다.)

3) echo $PATH 명령어를 통해 PATH가 잘 지정되었는지 확인

4) which flutter 명령어를 실행해 명령을 실행할 수 있는지 확인

 

간단한 Flutter 앱 만들고 실행하기

위의 과정까지 진행했다면 간단한 앱을 만들고 실행시켜보자!

1) 앱 만들기

flutter create [your_app_name]

• 지금껏 만들었던 안드로이드 프로젝트 (커멜케이스)와 달리 플러터는 스네이크 케이스를 권한다.

2) 해당 디렉토리로 이동

크로스플랫폼 프레임워크 답게 다양한 플랫폼을 확인할 수 있다.

3) 시뮬레이터에서 앱을 실행

flutter run

Android Studio에서 실행하기

위에서 만든 프로젝트를 안드로이드 스튜디오에서 열어보았다.

flutter plugin을 받으라고 권한다.

받아준다.

실행창이 다음과 같다면 실행하면 된다.

main.dart가 아니라 Configuration..어쩌고가 나온다면

Preferences - Lauguages & Framworks - Flutter

에서 SDK 경로를 확인해보자.

실행화면

TroubleShooting

안드로이드 스튜디오에서 실행을 시켰는데 아래와 같은 에러가 뜨면서 실행에 실패했다.

Exception occurred while executing: android.os.ParcelableException: java.io.IOException: Requested internal only, but not enough space 
at android.util.ExceptionUtils.wrap(ExceptionUtils.java:34) 
at com.android.server.pm.PackageInstallerService.createSession(PackageInstallerService.java:406) 
at com.android.server.pm.PackageManagerShellCommand.doCreateSession(PackageManagerShellCommand.java:2415) 
at com.android.server.pm.PackageManagerShellCommand.runInstall(PackageManagerShellCommand.java:907) 
at com.

애뮬레이터의 공간이 부족해서 생기는 오류이므로

새로운 애뮬레이터를 설치하거나 wipe data를 해주면 정상 동작한다.

References

---

맥OS에서 설치

[Flutter] Android Studio 에서 Flutter 시작하기

flutter - Error: ADB exited with exit code 1