![[플러터] 초기 환경설정 [플러터] 초기 환경설정](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
Flutter SDK 설치 - https://docs.flutter.dev/get-started/install/windows/desktop?tab=download
![[플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치 [플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치](https://blog.kakaocdn.net/dn/bwoQ2B/btsGuvxDYXH/Ij5xXYKKubkPSYK83mCAMK/img.png)
경로에 한국어 및 공백 문자가 들어가지 않게 조심한다.
저의 경우엔 C:\app
![[플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치 [플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치](https://blog.kakaocdn.net/dn/b49wCc/btsGuqDeBRo/wILfFzS60Fc7pIaSwALCh0/img.png)
이제 이 flutter sdk를 인식시키기 위해 제어판에 환경변수를 등록시켜줘야 하는데
검색에서 환경만 써도 나온다.
![[플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치 [플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치](https://blog.kakaocdn.net/dn/mEGQr/btsGt8W07UV/eSMwKLVOtMUW21bmtItt51/img.png)
![[플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치 [플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치](https://blog.kakaocdn.net/dn/9ddTN/btsGuqwtTHh/UAk85ad2rH6XmlFkGtKMuk/img.png)
![[플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치 [플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치](https://blog.kakaocdn.net/dn/23DAA/btsGtlh8zIg/WQPgsuQj5LxnYbpIJQvwBK/img.png)
![[플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치 [플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치](https://blog.kakaocdn.net/dn/lWB6O/btsGun0RYMY/UVLPAjznOibZlMRuZrDSCK/img.png)
이제 정상적으로 윈도우가 플러터 SDK를 인식하는지 알려면 CMD 창을 띄워서
flutter라고 써보면 된다.
![[플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치 [플러터] 초기 환경설정 - undefined - undefined - Flutter SDK 설치](https://blog.kakaocdn.net/dn/vmygx/btsGuNSnsSF/S9TtwhTYPcI6G28UEIJyLk/img.png)
FVM을 이용해 Flutter SDK 설치 - https://fvm.app/documentation/getting-started/installation
플러터 SDK 버전을 쉽게 교체하기 위해서 사용하는 방법이며 FVM 설치를 하기 위해 choco를 설치해야 한다.
일단 윈도우에서 파워쉘을 관리자 권한으로 실행시켜 준다.
https://docs.chocolatey.org/en-us/choco/setup
Chocolatey Software Docs | Setup / Install
How to install Chocolatey CLI...
docs.chocolatey.org
![[플러터] 초기 환경설정 - undefined - undefined - FVM을 이용해 Flutter SDK 설치 [플러터] 초기 환경설정 - undefined - undefined - FVM을 이용해 Flutter SDK 설치](https://blog.kakaocdn.net/dn/bvwIGt/btsGuuFwc9n/LpIsunIQ9S3HCI4KYDrwF0/img.png)
choco를 설치 전 명령어를 실행하기 전에 Get-ExecutionPolicy를 실행한 결과 만약 Restricted라는 문구가 뜬다면 설치가 안되므로 Set-ExecutionPolicy AllSigned or Set-ExecutionPolicy Bypass -Scope Process로 권한을 변경해 준다.
그 후 아래 명령어를 복사 후 붙여 넣음으로써 choco를 설치해 준다.
![[플러터] 초기 환경설정 - undefined - undefined - FVM을 이용해 Flutter SDK 설치 [플러터] 초기 환경설정 - undefined - undefined - FVM을 이용해 Flutter SDK 설치](https://blog.kakaocdn.net/dn/bgbzi3/btsGrbUWWFL/jn5Kjpcb8eMaHyO9ekkiK0/img.png)
그 후 choco install fvm을 실행시켜 준다.
간혹 설치 시 오류가 발생하는 경우가 있는데 flutter sdk를 환경변수에 설정해 놓을 경우 많이 발생한다고 하니
환경변수 제거 후 → fvm 제거 → fvm 재설치를 권장합니다.
fvm release 명령어를 입력 시 모든 플러터 SDK 버전을 출력합니다.
이때 stable 버전 설치를 권장합니다.
![[플러터] 초기 환경설정 - undefined - undefined - FVM을 이용해 Flutter SDK 설치 [플러터] 초기 환경설정 - undefined - undefined - FVM을 이용해 Flutter SDK 설치](https://blog.kakaocdn.net/dn/846ds/btsGrdkUpwS/OXFMi38SkhL3sV9AlChoPk/img.png)
![[플러터] 초기 환경설정 - undefined - undefined - FVM을 이용해 Flutter SDK 설치 [플러터] 초기 환경설정 - undefined - undefined - FVM을 이용해 Flutter SDK 설치](https://blog.kakaocdn.net/dn/k87B5/btsGrUyC1Zi/N8oUujO6UAnj7tqkemA2kk/img.png)
여기서 추가로 알면 좋은 명령어로는
fvm list - 설치된 flutter sdk 버전을 출력합니다.
fvm global 3.19.5 - 3.19.5 버전을 메인으로 설정합니다.
안드로이드 스튜디오 설치 - https://developer.android.com/studio?hl=ko
설치 파일을 다운로드한 후 실행해서 꼭 체크해야 할 부분은
![[플러터] 초기 환경설정 - undefined - undefined - Android Studio 설치 [플러터] 초기 환경설정 - undefined - undefined - Android Studio 설치](https://blog.kakaocdn.net/dn/cQwInw/btsGrWiRgr8/FPuKAquQIC8pbsD2KU5NA1/img.png)
실행 후 File → Settings → Plugin 에서 플러터를 체크해 줍니다.
![[플러터] 초기 환경설정 - undefined - undefined - Android Studio 설치 [플러터] 초기 환경설정 - undefined - undefined - Android Studio 설치](https://blog.kakaocdn.net/dn/v5oWL/btsGsrbSQ21/zkkqoq0Zu8ySVRywlcXqAk/img.png)
이제 플러터 플러그인이 설치되었다면 새 프로젝트에서 flutter프로젝트를 생성할 수 있게 된다.
![[플러터] 초기 환경설정 - undefined - undefined - Android Studio 설치 [플러터] 초기 환경설정 - undefined - undefined - Android Studio 설치](https://blog.kakaocdn.net/dn/KeQ1a/btsGtnNRi8P/FxmK0CNn0rXD5zvXK2cdyK/img.png)
아까 설치한 flutter 3.19.5 버전을 선택해 준다.
![[플러터] 초기 환경설정 - undefined - undefined - Android Studio 설치 [플러터] 초기 환경설정 - undefined - undefined - Android Studio 설치](https://blog.kakaocdn.net/dn/COvp6/btsGsU55vMa/DzDtI9b8LygDS3CPi9oazk/img.png)
![[플러터] 초기 환경설정 - undefined - undefined - Android Studio 설치 [플러터] 초기 환경설정 - undefined - undefined - Android Studio 설치](https://blog.kakaocdn.net/dn/bxbGrX/btsGu0xmn3i/iVskjz2YuKyoaU6bQNPf51/img.png)
JDK 설치 - https://jdk.java.net/
JVM을 사용하기 위해 설치합니다.
압축 파일을 풀고 위와 동일하게 환경변수를 적용해 줍니다.
![[플러터] 초기 환경설정 - undefined - undefined - Java 설치 [플러터] 초기 환경설정 - undefined - undefined - Java 설치](https://blog.kakaocdn.net/dn/b5ynev/btsGt6ZiloR/stw85c7hKVEp3g0s9DRH4K/img.png)
![[플러터] 초기 환경설정 - undefined - undefined - Java 설치 [플러터] 초기 환경설정 - undefined - undefined - Java 설치](https://blog.kakaocdn.net/dn/do2701/btsGun7FRT5/6i7BsDI7ZKqZjx5tmkgJ00/img.png)
cmd에 입력 시 이런 창이 뜬다면 성공
'소프트웨어 > 앱 개발' 카테고리의 다른 글
[플러터] 전면 광고 추가하기 (0) | 2024.10.10 |
---|---|
[플러터] 리워드 광고 추가하기 (0) | 2024.10.10 |
[플러터] 앱 광고 환경설정 (12) | 2024.10.10 |
[플러터] 앱 아이콘 바꾸기 (0) | 2024.04.09 |
[플러터] 앱 이름 바꾸기 (0) | 2024.04.08 |
댓글