[Flutter] window에 flutter 개발 환경 만들기 + VS Code

** Flutter 공식 문서 참고 **

Install

1️⃣ Flutter에서 요구하는 시스템 사양과 맞는지 확인하기

• Operating Systems: Windows 10 or later (64-bit), x86-64 based.
• Disk Space: 1.64 GB (does not include disk space for IDE/tools).
• Tools: Flutter depends on these tools being available in your environment.
  • Windows PowerShell 5.0 or newer (this is pre-installed with Windows 10)
  • Git for Windows 2.x, with the Use Git from the Windows Command Prompt option.

맞지 않는다면 조건에 맞게 업데이트 합니다.

2️⃣ Flutter SDK zip 파일을 받아 압축 해제하기

저는 폴더 위치를 문서의 예시와 똑같이, C:에 src 폴더를 만들어서, 그 폴더 안에 압축 해제를 했습니다.

3️⃣ 환경 변수 설정하기

압축 해제 한 flutter 폴더에서 bin폴더 위치를 사용자 환경 변수로 설정합니다.

• 시스템 환경 변수 편집 > 환경 변수 > 위의 사용자 변수에서 Path 선택 후 > 편집 > 새로 만들기

를 순서대로 누른 다음 (저와 폴더 위치가 동일하다면) C:\src\flutter\bin 를 입력하고 저장합니다.

4️⃣ Android Studio 설치하기

Android Studio 사이트에서 설치합니다. 설치가 완료 된 후 실행하면 다음과 같이 화면이 나옵니다.

5️⃣ Android emulator 설정하기

개발한 화면을 표시할 가상 디바이스를 다운받을 겁니다.

• 시작 화면에서 More Action > Virtual Device Manager 를 선택합니다.

• Create device 클릭

• 원하시는 걸 다운받으면 되는데 저는 Pixel 4를 선택했습니다.

• R을 선택하고, 그대로 설치를 진행하면 됩니다.

6️⃣ Android Licenses에 동의하기

window PowerShell에 다음 명령어를 실행합니다.

flutter doctor --android-licenses

그 후 다시 flutter doctor 명령어를  입력해서, flutter가 필요한 설정을 다 만족하는지 검사합니다. 충족되지 않은 게 있으면 안내에 따라 설정해줍니다.

에.. 저는 우선 Visual Studio는 설치하지 않고 넘어갔습니다.

7️⃣ Flutter 프로젝트 만들기

• 우선 VS Code를 실행해서 Flutter를 설치합니다.

• 그런 다음 View > Command Palatte
• Flutter: New Project 검색 후 클릭, Application 까지 선택하면 프로젝트를 생성할 폴더 위치를 묻습니다.
• 원하는 곳에 파일을 생성해서 VS Code로 실행하면 다음과 같은 파일이 있습니다.

8️⃣ emulator 연결하기

그 다음 emulator를 연결하고 장치의 전원을 켜줄 겁니다.

• 아래 device를 눌러 아까 설치한 emulator을 실행합니다.

• emulator가 실행되면 전원을 킵니다.

• 장치가 켜지면 VS Code에서 F5를 눌러 코드를 실행합니다. 좀만 기다리면 왼쪽 장치에 화면이 나타나는 걸 볼 수 있습니다! (만세)

이제 개발을 진행하면 됩니다 😎

참고자료

[Flutter] android sdkmanager not found 에러 해결하기

 

Windows install

 

How to install flutter in windows step by step guide | Youtube