본문 바로가기

Flutter

[Flutter] Window10 플라터 설치 및 안드로이드 SDK

오늘로 2022년 3월 4일이고 설치 당일 최신 파일로 설치했습니다.


기초작업


 

Install

Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems.

docs.flutter.dev

위 사이트에 들어가면 step1부터 차근차근 설치 방법이 영어로 잘 설명되어있고 블로그에서는 간단하게 진행을 따라가는 형식입니다.

먼저 위 링크를 따라 올라가면 아래와 같은 화면이 나오는데 맥북이면 macOS 윈도우면 Windows를 선택하면 됩니다.



설치


윈도우를 누르고 아래로 내리면 플러터 2.10.3 버전을 설치할 수 있습니다. 만약 더 과거 버전을 설치하고 싶다면 sdk releases를 클릭하여 설치하시면 됩니다.

 



PATH 설정


이후 공식 문서에 나와있는 아래 명령어를 입력하면 없는 명령어라고 나올텐데 환경변수 설정을 하셔야합니다.

where flutter dart
where.exe flutter dart

윈도우 검색창(win키)에 환경 변수라고 검색하시면 아래와 같은 그림이 나올텐데 클릭해줍니다.

고급 탭을 누르고 오른쪽 하단에 환경 변수를 클릭합니다. 이후 Path라고 적혀있는 곳을 더블클릭합니다.

이후 새로 만들기를 누르고 flutter/bin 이 있는 위치를 변수로 추가해주면 됩니다.

이후 where flutter를 입력하시면 보시는 것처럼 잘 작동하는 것을 확인할 수 있습니다.



오류잡기


flutter doctor 명령어를 입력하면 안드로이드 스튜디오를 설치하고 난뒤에도 불이 들어와 있는 것을 볼 수 있습니다.

2번째에 뜨는 Android license status unknown 같은 경우 적혀있는 것과 같은 명령어를 입력하면 해결됩니다.

flutter doctor --android-licenses

Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this. 

(만약 이런 문구가 뜬다면 android studio 홈페이지에서 최신버전을 다운 받으셔야합니다. 다운로드 버튼을 누르면 자동으로 구 버전을 삭제하고 신 버전 다운로드를 진행합니다.)

처음 뜨는 Android toolchain - develop for Android devices 에러는 스튜디오에서 file을 누른 후 setting에서 Android SDK Command-line Tools를 체크하시면 해결됩니다.

그러면 이렇게 깔끔하게 모두 설치된 것을 확인할 수 있습니다.



실행


실행 전에 File - Settings - Plugins 에 들어가 dart와 flutter를 다운받습니다.

이후 file - new - new flutter project 를 누른 뒤 처음 플라터를 설치한 경로를 입력합니다.

이후 모바일 기기에 크롬 웹사이트를 누르고 실행시키면 샘플 프로그램을 돌릴 수 있습니다.

+ 버튼을 누를 때마다 숫자가 증가하는 것을 확인할 수 있습니다.