Flutter 기본 환경 세팅하기 (Flutter SDK, Android Studio, Xcode)

Flutter SDK 설치하기

Flutter 기본적인 환경 세팅을 진행

https://docs.flutter.dev/get-started/install/macos/mobile-ios?tab=download

Start building Flutter iOS apps on macOS

1. 사이트에 들어가서 자신의 PC에 맞는 기종을 선택하기

2. 나와있는대로 CMD를 진행하면 development라는 폴더에 자동으로 형성된다.

3. 만약에 본인이 다른 폴더로 하고싶으면은 development쪽을 바꾸고 하면된다.

4. 환경 변수 설정이 잘 안된다면 두번째껄로 확인해보기

 

# 원문에 나와있는것
export PATH=$HOME/development/flutter/bin:$PATH
# FVM을 이용해서 하는경우라 매번 이것을 해줘야 flutter가 잘 작동됨
export PATH="$PATH:`pwd`/flutter/bin"

4-1. pwd를 cmd에 치면 원래 본인의 현재 경로를 나타내준다.. (즉 터미널에서 본인이 설치한 경로까지는 직접들어가야함)

5. echo $PATH를 통해서 flutter 환경변수가 잘들어갔는지 확인하기

echo $PATH
flutter --version
flutter doctor

5-1. flutter doctor로 본인이 무엇을 설치 안했는지 확인해줌

보통은 SDK 설치후 Android Studio 및 Xcode 관련해서 해결해달라고 나온다.. 하나씩 해결해보자

flutter doctor 예시

6. Android Studio 깔아주기

(TMI 버전은 항상 동물이름으로 되어있더라..필자는 이구아나)

기본 Default로 전부 Next누르면서 진행.. 큰문제 없었음

https://developer.android.com/studio?gad_source=1&gclid=CJLWqd7D4oUDFdjZhAAdm1cLdw&gclsrc=ds&hl=ko

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

7. 안드로이드 스튜디오에서 Plugin에 들어가 Flutter 추가로 설치해주기 & 프로젝트 생성시 PATH는 flutter 설치한 위치로 설정

8. 기본적으로 Project Type은 Application으로 하면 된다. (특정 상황에 따라 다른것을 하지만 일단은 Application으로)
TMI : Organization의 경우 본인의 도메인의 거꾸로 지정하면 된다. (ex) www.google.com  com.google식으로 표현)

8-1. 위에서 나왔던 두가지 문제 해결하기

먼저 Android Studio에 들어가서 오른쪽 상단눌러서 Settings에 들어가고 검색에 Android SDK 검색 

그리고 Android SDK Command-line Tools를 설치한다

두번째로 아래 안드로이드 라이센스를 설치 (y누르면서 계속 설치하면됨)

app flutter doctor --android-licenses

Android SDK 설치하기

 

9. Xcode 설치하기 (App Store)

9-1.. flutter doctor에서 나왔던 문제들 하나씩 해결하기 : 설명을 잘해놓아서 CMD 그대로 붙여넣기 

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

9-2. CocoaPods not installed. 해결하기

CocoaPods란 Xcode에서 Library들을 가져올때 도움을 주는 Tool. Homebrew 설치하기

https://brew.sh/

Homebrew

 

# brew 설치 완료후 이것도 설치해주면 좋다(버전 관리가 밑에것이 더 잘됨)
brew install rbenv

#설치가 완료된후
# /user/bin/gem으로 나오면 정상
which gem 
#
rbenv install -l

rbenv install -예시

터미널을 다시 키고 아래 처럼 따라하면 된다

rbenv init
# eval "$(rbenv init - zsh)" 관련 해결을 해야함
## 해결법
vi ~./zshrc
# i 버튼을 눌러서 insert
eval "$(rbenv init - zsh)" 관련 해결을 해야함
# wq 로 저장하고 나가기
# which gem에서 오른쪽 그림처럼 나오면 정상
sudo gem install cocoapods

 

하나씩 다해결했으니 마지막으로 확인~!! No issues found라 나옴