web & develop/flutter

flutter 윈도우 환경 설치하기

Nerd_Lee 2022. 7. 1. 14:42
반응형

1 ) flutter 설치하기

https://docs.flutter.dev/get-started/install/windows

 

Windows install

How to install on Windows.

docs.flutter.dev

- 위의 링크를 클릭하고 flutter 윈도우 설치 가이드로 갑니다.

 

그러면 해당 화면을 보실 수 있습니다.

 

- git과 powershell이 설치되어 있어야 합니다. flutter를 설치할 경로로 이동을 해서 저 명령어를 입력해줍니다.

설치가 완료되면 밑에처럼 명령어를 입력합니다.

 

> cd .\flutter\
> cd .\bin\
> pwd

- 이렇게 명령어를 입력하면, 현재 flutter/bin 의 경로가 나오게 되고 그 경로를 복사해서 어디 메모장에다가 붙여

넣어주세요.

 

2 ) 환경변수 설정

 

그리고 시스템 환경변수 편집으로 들어가서 환경변수 버튼을 클릭합니다.

그 다음 Path라는 변수를 찾아서, 클릭한 다음 편집 버튼을 눌러줍니다.

 

아까 복사해놓으라는 경로를 복사해서, 새로 만들기를 클릭한 다음 붙여넣기 하고 확인버튼을 눌러주고, 환경변수도 확인 버튼을 눌러주면 환경변수 설정은 끝이납니다.

 

3 ) flutter doctor 실행해보기

- powershell이 켜져있다면 꺼주신 다음, 다시 powershell을 켜주세요.

그 다음 밑에처럼 입력을 해봅니다.

> flutter doctor

그럼 뭔가를 다운로드 하다가 밑에와 같은 내용들이 출력이 될 것입니다.

4 ) visual studio 설치하기

맨 위에 남겨놓은 flutter 윈도우 설치 가이드로 가셔서, Window setup으로 갑니다.

 

가시면, Visual Studio 2022라는 파란색 글씨가 보이는데 그걸 클릭하고 커뮤니티 버전을 다운로드 합니다.

그리고 exe 파일을 설치합니다.

 

만약 설치창이 뜨면, C++을 이용한 모바일 개발을 체크하고 해당 파일들을 설치합니다.

 

그 다음에 flutter doctor를 입력하면, visual studio가 [x]가 아닌 [!]로 변하셨을텐데요.

 

그럼 무언가를 설치하라고 나와있는데요.

 

다시 하단 왼쪽에 검색버튼을 클릭하셔서 visual studio installer를 입력하신 다음, 설치한 버전 수정하기를 눌러서

C++을 이용한 데스크탑 개발에서 필요하다는 부분들을 설치해주시고 재부팅하시면 됩니다.

 

그리고 다시 flutter doctor를 입력하시면 visual studio는 완료되었습니다.

5 ) Android Studio 설치하기

- 이제 마지막으로 안드로이드 스튜디오만 설치를 하면 설치는 끝이 납니다.

 

https://developer.android.com/studio?gclid=CjwKCAjwk_WVBhBZEiwAUHQCmU_qjPhZCLnXhbs4CRBBhYiANKXV78G1gNe_hKnTEl5qaZgY0Gj_5BoCOO0QAvD_BwE&gclsrc=aw.ds

 

Download Android Studio & App Tools - Android Developers

Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.

developer.android.com

- 위의 링크를 클릭하시고 Download android studio를 클릭해서 exe 파일을 설치를 합니다.

 

exe 파일이 설치가 되었다면, 계속 next를 클릭해서 설치를 해주고 마지막에 finish 버튼을 눌러줍니다.

 

이제 SDK를 설치해주면 됩니다. 설치가 완료되었다면 안드로이드 스튜디오 기본설정을 해 준 다음 SDK를 설치해봐요!

6 ) Android SDK Command Tools 설치하기

- 위와 같은 화면이 떴다면, more Actions를 클릭해서 SDK Manager를 클릭합니다.

그러면, SDK Platforms 옆에, SDK Tools가 있는데 Android SDK Command-line Tools를 체크해서 Apply를 클릭해서 설치합니다.

 

만약 intel cpu를 사용하신다면, intel x86 Emulator Accelerator (HAXM installer) 도 체크해서 설치해주셔야 합니다.

 

설치가 다 되었다면, 다시 powershell에서, flutter doctor를 입력해봅니다.

그러면 이제 라이센스 관련된 문제만 해결하면 되는데 친절하게 다 나와있습니다.

> flutter doctor --android-licenses

위와 같이 입력하고 y를 입력하면 완료입니다.

 

7 ) 이제 Flutter Plugin만 설치하면 완료!

- 제일 처음화면으로 넘어가서, plugins를 클릭한 다음, flutter를 입력해서 install 버튼을 클릭합니다.

그럼 Dart도 설치할 것인지 물어보는 문구가 나오는데, 확인 버튼을 눌러주면 설치가 완료된겁니다.

 

다음 글은 MacOS에서는 어떻게 설치하는 지를 적어놓도록 하겠습니다. 감사합니다.

반응형