필수 프로그램 설치

• VScode

  # install vscode
  brew cask install visual-studio-code
  sudo xattr -dr com.apple.quarantine /Applications/Visual\\ Studio\\ Code.app
  
  # install vscode extension
  code --install-extension dart-code.flutter
  

• Xcode (iOS simulator)

  • 프로그램 설치 (아래 중 택1)

    • web: https://developer.apple.com/xcode/
    • AppStore: https://apps.apple.com/us/app/xcode/id497799835

  • Xcode 설정

    sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    sudo xcodebuild -runFirstLaunch
    sudo xcodebuild -license
    sudo gem install cocoapods
    

• Android Studio (Android emulator)

  • https://developer.android.com/studio

Flutter SDK 설치

• SDK 설치 폴더 생성

  mkdir ~/development
  cd ~/development
  

• SDK 다운로드 (Zip파일을 다운받거나 아래 명령어 입력)

  # in ~/development
  git clone <https://github.com/flutter/flutter.git> -b stable
  

• 환경변수 설정

  # open .zshrc
  code ~/.zshrc
  
  # 파일의 맨 밑에 아래 경로 추가
  export PATH=$HOME/development/flutter/bin:$PATH
  
  # .zshrc 활성화
  source ~/.zshrc
  

Flutter 의존성 설치

• 환경 체크

  flutter doctor
  

• 정상일 경우 메시지

  

• Android toolchain 오류

  • 아래 명령어 실행 (Android SDK 경로 설정 문제)

    flutter doctor --android-licenses
    
    # 만약 위의 방법으로 해결이 안된 경우, 아래 명령어를 통해 직접 설정
    # macOS 기준
    # SDK 기본 경로는 /Users/{Username}/Library/Android
    flutter config --android-sdk {Android_sdk_PATH}
    

  • cmdline-tools component is missing 오류

    • Android Studio의 SDK Manager에 들어가서 설치

      

정상적으로 설치 되었는지 확인하기

• Flutter app 생성

  flutter create my_app
  

• App 실행 (아래 애뮬레이터를 키지 않으면 Chrome에서 실행)

  cd my_app
  flutter run
  

• (Optional) iOS simulator 혹은 Android emulator 실행

  • iOS Simulator

    open -a Simulator
    

  • Android emulator

    emulator -list-avds
    emulator -avd@name-of-your-emulator
    

References

• 공식 홈페이지

  Flutter - 가장 빠른 아름다운 네이티브 앱