Flutter 설치 방법

개요

최근에 Flutter에 관심이 생겨 설치부터 시작해서 포스팅을 할 예정입니다.

목표는 iOS, AOS 하이브리드 앱을 만드는 것이며, macOS(Apple Silicon) 환경 기준으로 포스팅 하겠습니다.

 

환경 설정 

✅ Flutter SDK - 플러터를 사용하기 위한 SDK 파일

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

Start building Flutter iOS apps on macOS

해당 SDK 압축파일을 자신의 os에 맞게 다운로드한다

원하는 경로에 압축 해제 후 터미널 실행

# zsh 기준
nano ~/.zshrc

#아래 줄을 추가 후 저장
export PATH="$PATH:{your_path}"

#터미널을 재시작하거나 아래 코드 실행
source ~/.zshrc

버전 확인을 통한 설치 확인

버전 확인이 안되는 경우

1. Path 값이 올바른지 확인

2. Shell 확인 필요 - zsh인지 bash인지 확인하고 설정

3. Rosetta나 터미널 아키텍처 확인 필요

---

✅ Android Studio - AOS를 설정/빌드를 하기 위한 도구

https://developer.android.com/studio?gad_source=1&gclid=Cj0KCQjwhYS_BhD2ARIsAJTMMQZK0-LGpNKK7bzw4m94Id0o0k5-6xhw0AbXAyTNAcTdXfet4KHH7WEaAi2fEALw_wcB&gclsrc=aw.ds&hl=ko

Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers

 

1. 설치 후 Plugins -> Marketplace에 진입 후 Dart, Flutter 다운로드

2. Android Studio에서 cmdline-tools 설치

설정 -> Appearance & Behavior > System Settings > Android SDK 들어간 뒤

Android SDK Command-line Tools (latest) - 설치

3. 명령어를 통한 cmdline-tools 설치

#경로 찾기
find ~/Library/Android/sdk -name "sdkmanager"

#find로 찾은 경로를 통해 다운로드
{your_path} --install "cmdline-tools;latest"

 

4. 라이센스 동의 - cmdline-tools이 정상적으로 다운된 경우에만 가능

flutter doctor --android-licenses

 

✅ Xcode - iOS를 설정/빌드를 하기 위한 도구(App Store에서 다운가능)

다운로드 후 터미널을 사용해 CLI 환경에서 어떤 Xcode를 기본으로 사용할지 지정(GUI 즉 네이티브 프로젝트에는 영향이 없다.)

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

✅ vsCode - 실제로 코드를 작성하는 도구

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

Extensions 탭에서 필수 플러그인 Flutter, dart 설치

 

설치 확인

터미널에서 flutter doctor 명령어를 통해 설치가 정상적으로 되었는지 확인이 가능하다.