Frontend πŸ“š/Flutter

[Flutter] Window에 Flutter μ„€μΉ˜ν•˜κΈ°

leejaejae 2022. 2. 10. 16:06

1. Install the Flutter SDK

  • window 7 μ΄μƒμ˜ version
  • 10GB μ΄μƒμ˜ μ—¬μœ  곡간 ν•„μš”(Android Studio μ„€μΉ˜μ— ν•„μš”)


πŸ“š Get the Flutter SDK

  • Download
  • μ••μΆ• ν’€κΈ° -> C:\src\flutter

- μ••μΆ• ν’€ λ•Œ C:\Porgram Files\ 와 같이 높은 κΆŒν•œμ΄ ν•„μš”ν•œ μœ„μΉ˜λŠ” ν”Όν•˜λŠ” 것이 μ’‹μŒ

πŸ“š ν™˜κ²½ λ³€μˆ˜ μ„€μ •

  • 파일이 λ“€μ–΄ μžˆλŠ” 경둜λ₯Ό 운영체제의 ν™˜κ²½ λ³€μˆ˜μ— 등둝해두면 μ–΄λ””μ—μ„œλ‚˜ flutter λͺ…령을 μ‚¬μš©ν•  수 있음

- μœˆλ„μš° 검색창에 μ‹œμŠ€ν…œ ν™˜κ²½ λ³€μˆ˜ νŽΈμ§‘ 검색
- μ‚¬μš©μž λ³€μˆ˜μ—μ„œ λ³€μˆ˜ Path νŽΈμ§‘
- Flutter SDK μ„€μΉ˜ν•œ bin 경둜 μž…λ ₯ (ex. C:\src\flutter\flutter\bin)
- 검색 창에 'cmd' μž…λ ₯ν•΄ 터미널 μ‹€ν–‰μ‹œν‚¨ ν›„ 'flutter doctor' μž…λ ₯ -> Flutter μ‚¬μš©ν•˜κΈ° μœ„ν•΄ μ€€λΉ„ν•΄μ•Όν•˜λŠ” listλ₯Ό μ•Œ 수 있음

  • 였λ₯˜: cmd 창에 flutter λͺ…λ Ήμ–΄λ₯Ό μ‹€ν–‰ν–ˆμ„ λ•Œ cmd 창이 λ‹«ν˜€λ²„λ¦Ό

- μ›λ„μš° νŒŒμ›Œμ…€ 정보가 path에 λ“±λ‘λ˜μ§€ μ•Šμ„ 경우둜 μ›λ„μš° νŒŒμ›Œμ…€μ˜ 버전에 λ¬Έμ œκ°€ μ—†λŠ”λ°λ„ cmd 창이 λ‹«νžŒλ‹€λ©΄, ν™˜κ²½λ³€μˆ˜ path 값에 μ•„λž˜ 경둜λ₯Ό μΆ”κ°€ν•œλ‹€.
C:\Windows\System32\WindowsPowerShell\v1.0


2. Install Android Studio

  • Download
  • Android Studio SDK μ„€μΉ˜
  • Plug in -> Flutter 검색 ν›„ Install(IDE Restart)
  • Project -> New Flutter Project 선택 κ°€λŠ₯ν•œμ§€ 확인

 

3. Install the Android Emulator

  • New Flutter Project 선택
  • SDK 경둜 C:\src\flutter\flutter\ μž…λ ₯ ν›„ ν”„λ‘œμ νŠΈ 이름 μž…λ ₯
  • 였λ₯˜: 'flutter doctor' μž…λ ₯ν–ˆμ„ λ•Œ android studio 와 android sdk도 잘 μ„€μΉ˜λ˜μ—ˆμŒμ—λ„ android sdkmanager not found μ—λŸ¬ λ°œμƒ

- ν•΄κ²°: android sdkmanager not found ν•΄κ²°ν•˜κΈ°

πŸ“š Get Android Emulator

  • AVD Manager둜 이동(Phone + Android Icon)
  • Create Virtual Device
  • Android OS μ΅œμ‹  버전 선택