[flutter] #001. 설치하기 ( in Windows )

flutter.png

1. 설치 요구사항

  • OS : windows 7 SP1 또는 그 이후 출시된 (64bit)
  • DISK : 400 MB이상 여유공간 필요 ( IDE 개발툴 설치공간 제외 )
  • TOOL : 필요 의존성 아래 2개 툴이 사전에 설치 되어 있어야 됩니다.

2. Flutter SDK 다운로드

flutter_00.PNG

  • SDK 다운로드 페이지
  • 다운로드 받은 flutter_windows_vXX.X.X-beta.zip 파일을 압축 해제
  • C:\dev\flutter 같은 폴더에 풀기 C:\Program Files\ 폴더 말고 (Program 폴더는 권한 상승이 필요하기 때문)
  • 압축 해제한 C:\dev\flutter 폴더에서 flutter_console.bat 더블클릭 해 flutter 콘솔 창을 열 수 있습니다.

3. flutter docter 실행

flutter_01.PNG

  • flutter doctor 을 실행
  • [√] Flutter : flutter 설치 완료
  • [X] Android toolchain : 안드로이드 툴체인 설치
  • [X] Android Studio : 안드로이드 스튜디오 설치
  • [!] Connected device : 연결된 장비(휴대폰 등)이 없음

아래 진단 결과를 확인하여 [X] 마크가 설정된 부분을 해결

Doctor summary (to see all details, run flutter doctor -v):
[] Flutter (Channel dev, v0.10.0, on Microsoft Windows [Version 10.0.17133.1], locale ko-KR)
[X] Android toolchain - develop for Android devices
    X Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.io/setup/#android-setup for detailed instructions).
      If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.
      You may also want to add it to your PATH environment variable.

[X] Android Studio (not installed)
[!] Connected device
    ! No devices available

! Doctor found issues in 3 categories.

4. Android Studio 설치

flutter_02.PNG

flutter_03.PNG

  • 사용자 설치를 통해 Android Virtual Device 를 선택 한 후 설치 수행
  • 관련 SDK 등을 다운로드 받으면서 설치하므로 시간이 좀 걸림에 유의

flutter_04.PNG

  • 설치 완료 후 flutter doctor 를 실행하여 유효성을 검증
  • 아래 처럼 라이센스 동의가 안 된 경우 flutter doctor --android-licenses 를 통해 라이센스 동의를 수행한다 (y)

flutter_05.PNG

  • 이후 flutter doctor 를 수행하면 연결된 디바이스 없음 항목만 볼 수 있음 ok !

5. Android Studio 설정

아래 관련 링크를 참조하여 설정 바랍니다.

flutter_06.PNG

  • Configure - Settings - Plugins - [ Seach ] flutter 를 통해 플러그인 설치 후 재시작

flutter_07.PNG

flutter 프로젝트가 추가된 것을 확인할 수 있다.

6. HelloWorld flutter

flutter_08.PNG

  • start a new flutter project
  • flutter application

flutter_09.PNG

  • project name : helloworld
  • flutter sdk path : C:\dev\flutter

flutter_10.PNG

회사 도메인명은 뭐 알아서 입력 후 [Finish] 를 눌러 프로젝트 생성

flutter_11.PNG

위와같이 생성된 프로젝트를 확인할 수 있다.

  • main.dart 좌측에서 divice를 선택 [ open android emulator : nexus 5x api 28 x86 ] 을 선택하여 가상화 디바이스 선택
  • 휴대폰을 usb로 연결한 경우 해당 device를 선택하여 테스트 가능
  • shift + f10 또는 ▶ 를 눌러 실행

flutter_12.PNG

관련 링크 모음

맺음말

오늘부터 이 글을 읽고 따라하신다면 코딩천재 후훗~

  • 자~ 겁먹지 말고 한번 따라해 보세요.
  • 설치관련 문의 사항은 댓글로 부탁 드립니다.

추가 내용

1. Flutter plugin not installed (18.10.24)

플러그인을 설치 했음에도 불구하고 아래와 같은 경고 문구가 나오는 경우

아래와 같이 지웠다가 다시 깔아본다. ( flutter & dart plugins )

I alerady faced this issue but i solved by myself
-Uninstall Dart and flutter
-Restart android studio or intellij
-Install Dart and flutter and restart again


▼▼▼ D.CLICK 은 사랑입니다 ▼▼▼


Sponsored ( Powered by dclick )
업그레이드 병

보통 수집가라는 사람들은 물건을 사용하기 보다는 모으기를 좋아하는 사람들이다. 그들이 처음부터...

logo

이 글은 스팀 기반 광고 플랫폼
dclick 에 의해 작성 되었습니다.

H2
H3
H4
3 columns
2 columns
1 column
Join the conversation now
Logo
Center