Flutter 초기 세팅

@출처 : https://velog.io/@dolfalf/Mac%EC%97%90%EC%84%9C-Flutter%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95%ED%95%98%EA%B8%B0VSCode

Mac에서 Flutter개발환경 구축하기(VSCode)

Flutter 설치

아래 공식사이트에서 Flutter를 다운받습니다. 영어로 되어있긴 하지만 아래사이트만 참고해서 환경설정을 할 수 있습니다.
https://flutter.dev/docs/get-started/install/macos

Apple Silicon Mac의 경우
Apple Silicon Mac에 인스톨할 경우 일부툴에 대해서Rosetta로 설정해야 할 수도 있습니다.
터미널에서 아래의 코맨드를 실행하여 수동으로 설치합니다.

sudo softwareupdate --install-rosetta --agree-to-license

Intel Mac의 경우
flutter_macos_3.10.5-stable 을 다운받습니다.

* 3.10.5가 지금 이 글을 쓰는시점에서 최신버전입니다.

2.파일압축을 풀고 PATH를 지정합니다.

mkdir ~/development
cd ~/development

Apple Silicon Macの場合

unzip ~/Downloads/flutter_macos_arm64_3.10.5-stable.zip

Intel Macの場合

unzip ~/Downloads/flutter_macos_3.10.5-stable.zip

다음 PATH를 지정합니다.

bashの場合

echo 'export PATH="$PATH:[PATH_TO_FLUTTER]/flutter/bin"' >> ~/.bash_profile
source ~/.bash_profile

zshの場合

echo 'export PATH="$PATH:[PATH_TO_FLUTTER]/flutter/bin"' >> ~/.zshrc
source ~/.zshrc

기본설정은 이걸로 끝입니다.

실행환경설정 확인

실행환경에 필요한 설정을 확인합니다.

flutter doctor

정상인경우✔︎ 마크가, 설정이 불충분하다면✖︎가 표시, 문제가 있으면！가 표시됩니다. 내용에 따라 인스톨 또는 에러 메세지에 대한 대응을 해줍니다.

Android Studio설치

공식사이트에서 Android Studio를 다운받습니다.
https://developer.android.com/studio/index.html

Android Studio에 Flutter, Dart플러그인을 설치합니다.

1. 기동화면에서Configure->Plugins선택
2. 검색창에서 Flutter입력하고 표시되면 설치
3. Dart도 동일한 방법으로 설치

디바이스의 에뮬레이터를 설치합니다.

1. 메뉴바에서 Tools->AVD Manager선택
2. Create Virtual Device선택
3. Category->Phone선택하고 임의의Device를 선택,Next선택
4. 다운로드가 끝나면 Finish

Androidのライセンスを許可する

Android라이센스를 허가하지 않으면 flutter doctor에서 ！표시되므로 허가를 해줍니다.

flutter doctor --android-licenses

위 커맨드를 실행한 후 허가를 물어보면 y를 입력후 Enter.

flutter doctor를 실행하여 한번도 확인합니다. 문제없는걸 확인했다면 다음 으로 넘어갑니다.

Xcode설치

Xcode는AppStore에서 다운받거나 developer사이트에서 다운받습니다.

CocoaPods설치

sudo gem install cocoapods

sudo로 실행하므로 패스워드를 물어보면 입력해 줍니다.力しましょう。

마지막으로 flutter doctor로 확인합니다.
전부 ✓가 표시되면 설치및 환경설정은 완료입니다.

VSCode환경설정

아래의 사이트에서 최신버전을 다운받습니다.
https://code.visualstudio.com/download

1.VSCode에Flutter의 확정기능을 인스톨 합니다.

• Shift+Command+X입력해서 확장기능 표시
• 검색창에서flutter입력후 Flutter를 선택한후 설치

2.VSCode로Flutter신규프로젝트 작성

• Shift+Command+P로 커맨드창 표시
• 검색창에서Flutter입력
• Flutter:New Project를 선택후 임의의 프로젝트명 입력

3.VSCodeでデバイスのエミュレータを起動する

• VSCode오른쪽아래에 No Device라고 표시된 부분을 선택
• Start iOS Simulator 또는 またはStart Pixel3a API 29(설치된 에뮬레이터에 따라 이름이 다를수 있음)를 선택