[Flutter] 플러터 시작하기 (설치, flutter doctor android studio 에러 해결)
-크로스 플랫폼 앱
- 제작사 : 구글
- React Native와 쌍두를 달림.
- 사용언어: 다트 (리액트 네이티브는 자바스크립트)
거두절미하고 시작해보자
1. 플러터 설치하기
플러터 SDK 다운받기
https://docs.flutter.dev/get-started/install?gclid=Cj0KCQjwgO2XBhCaARIsANrW2X39O3I9vdViWunk1ewoDTlwbh8B9rL47lCF9ef8GfSeQ8DOSigTkEoaAhEUEALw_wcB&gclsrc=aw.ds
본인의 OS에 맞게 설치하세요. 나는 Windows를 다운받겠슴둥https://docs.flutter.dev/get-started/install/windows
Windows install
How to install on Windows.
docs.flutter.dev
저기서 압축파일을 다운로드하세요!
압축파일을 다운로드 -> 압축풀기 ->
flutter/bin 를 환경변수에 추가해주기
환경변수에 추가해주면, cmd 창에서 flutter --version을 쳐보면 정보가 나온다? 그럼 잘 설정이 된거다!
2. flutter doctor
flutter doctor를 cmd 창에 입력하여 현재 플러터 관련 설치 상태를 진단하여 무엇이 필요한지를 확인해보자.
에러 해결위해!!
첫번째 에러, cmdline-tools component is missing
나는 원래 Android Studio가 깔려있었다. 그런데 flutter doctor가 못잡길래 검색해서 찾은게 Android Studio 에서 SDK 설정을 해줘야한다.
Android Studio의 SDK Manager에서 Android SDK Command-line Tools를 체크해주고 다운받아준 후 OK!
그리고 잊지 않아야할 것은, Android SDK 가 환경변수로 잘 설정이 되어있는걸 확인하는 거!!
설정을 완료하고 다시 flutter doctor 실행했더니
처음 에러와는 달라졌다!!! Android toolchain부분을 보면 'Some Android licenses not accepted' 라고 나오고, resolve 하기 위해서는 flutter doctor --android-licenses 를 실행하라고하길래 해보겠다!
실행하면, Terms and Conditions 가 나온다. 모두 'y' 를 눌러줬다.
다시 flutter doctor를 실행해주니,
경로문제인 것 같다.
그래서 보니 android-studio-dir 의 경로가 android-sdk 의 경로로 설정이 되어있었다. 그래서 android studio가 있는 dir로 변경해주었다.
flutter config --android-studio-dir="본인의 android studio가 들어있는 폴더 경로"
를 실행해주고 cmd창을 껏다 켜준 후에 다시 flutter doctor를 실행해주면 모든 에러가 사라진걸 발견할 수 있음!!!
3. VS Code 연결하기
당연히 먼저 VS Code를 다운을 받아야겠쥬? 저는 이미 깔아있는 상태라 넘어가겠어유
이제, VS Code 를 실행해서, 저 블럭 모양의 아이콘을 클릭하세요!! 우린 extensions 즉, flutter를 VS Code에서 사용할 때 편하게 이쁘게 사용하기 위한 확장자들을 다운 받을 거에요!!
이게 안보인다면, View > command Palette 를 실행시켜 install 을 입력한 후 아래에 Extensions: install Extensions 를 클릭!!!
무엇을 받을 거냐!!
Flutter 를 사용할 준비 끄읏!