Front End/Flutter

Flutter 개발환경설정 및 설치

YJ_SW 2022. 5. 20. 14:25
728x90

mac os 환경

  1. 설치 파일 다운로드

https://storage.googleapis.com/flutter_infra_release/releases/stable/macos/flutter_macos_2.2.1-stable.zip

  1. 압축해제
cd ~/development
unzip ~/Downloads/flutter_macos_2.2.1-stable.zip
  1. path 설정
vi $HOME/.zshrc
export PATH="$PATH:/Users/Works/devtool/flutter/bin"

입력해주기

  1. flutter doctor 실행으로 설치확인
flutter doctor
  1. Xcode 설치

https://apps.apple.com/us/app/xcode/id497799835

Xcode 설치 사용 명령어

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

https://miaow-miaow.tistory.com/157

안드로이드스튜디오 설치 참고

/Library/Java/JavaVirtualMachines/jdk-11.0.11.jdk/Contents/Home

flutter doctor

해서 아무 이상 없으면 설치 및 환경설정 완료

But 나는

[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See <https://flutter.dev/docs/get-started/install/macos#android-setup> for
      more details.

이런 에러가 발생하여

flutter doctor --android-licenses
Exception in thread "main" java.lang.NoClassDefFoundError: javax/xml/bind/annotation/XmlSchema

이 에러를 검색하니

Android SDK Command-line Tools가 설치가 안되어 발생하는 에러로 설치해주었더니 해결하였다.

https://hasiki.tistory.com/79 참고

flutter create my_app
cd my_app
flutter run

ios emulator

android emulator

chrome

세 개 다 잘 실행 되는지 확인하기

Hot reload 기능 : 코드 수정 후 저장한 다음 터미널에 'r'을 입력해주면 바로 reload 됨

728x90