한국어
팁/강좌/노하우
 

윈도우에서 Visual Studio Code를 사용하는 안드로이드 flutter 프로그래밍 개발환경 구축

 

호스트(윈도우10)에 이미 VSCode가 설치되어 있어서 VSCode를 사용하는 방법으로 구축하였다. (안드로이드 SDK 설치 시 명령줄 전용이 익숙하지 않은 사용자는 안드로이드 스튜디오 설치를 권장.)

 

JDK 설치 및 환경변수 설정

 

OpenJDK 이용

https://jdk.java.net/java-se-ri/11

 

환경 변수(JAVA_HOME) 설정

env.png

 

Flutter SDK 설치

 

다운로드 및 압축 해제 (C:\flutter)

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

 

PATH 환경변수에 추가 (C:\flutter\bin)

 

 

안드로이드 SDK설정

 

다운로드: https://developer.android.com/studio

명령줄 전용 SDK 다운로드 및 적당한 곳에 압축 해제 (명령줄 전용이 익숙하지 않으면 스튜디오 설치를 권장)

 

sdkmanager.bat 수정
...
@rem Execute sdkmanager
"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %SDKMANAGER_OPTS%  -classpath "%CLASSPATH%" com.android.sdklib.tool.sdkmanager.SdkManagerCli %CMD_LINE_ARGS% --sdk_root=<SDK경로>
...

 

PATH환경변수에 <SDK PATH>/tools/bin 를 추가 

 

 

IDE(Visual Studio Code) 및 확장 플러그인 설치

 

Visual Studio Code 에서 Flutter 설치

install_flutter.png

 

구성

 

<Visual Studio Code 의 터미널에서>

 

Android SDK 경로 설정

flutter config --android-sdk <SDK경로>

 

드라이버 설치

sdkmanager "extras;google;usb_driver"

 

필요한 플랫폼 도구(adb 및 fastboot 포함) 및 API 버전 설치 (여기서는 28용 SDK 도구를 설치함)

sdkmanager "platform-tools" "platforms;android-28"

 

sdkmanager  "build-tools;28.0.3"

 

sdkmanager "system-images;android-28;google_apis;x86_64"

 

라이센스 동의

flutter doctor --android-licenses

 

호스트에 안드로이드 디바이스 연결 (사전에 개발자모드 및 디버깅 허용) -> 에뮬레이터 사용시 무시

 

Flutter 설치 상태와 종속성, 환경 점검.

flutter doctor

doctor.png

 

 

<Visual Studio Code의 command palette(Ctrl + Shift + P)>

 

프로젝트 생성

Flutter: New Project

 

안드로이드 장치 선택 및 실행

Flutter: Select Device

select_device.png

 

이후 터미널 명령으로 flutter run 하거나 main() 함수 위에 Run 또는 Debug 클릭으로도 가능.

 

안드로이드 비다이스에서 다음과 같이 실행되는 것을 확인.

example.png

 

번호 제목 글쓴이 날짜 조회 수
» 윈도우에서 안드로이드 flutter 프로그래밍 개발환경 구축(with Visual Studio Code) file makersweb 2020.09.16 201
38 IT 관련 유용한 사이트 공유합니다 예니 2020.07.19 1692
37 윈도우 Chocolatey 패키지 관리자 설치방법 file makersweb 2019.11.17 692
36 윈도우10에서 RSS 피드를 구독하는 방법 makersweb 2019.10.01 1214
35 Microsoft 터미널 및 코드 편집기를위한 새로운 오픈소스 폰트 file makersweb 2019.09.20 168
34 git 로그를 심플하고 직관적으로 보기 file makersweb 2019.09.16 231
33 Webhook(웹후크)란 무엇인가 makersweb 2019.07.22 4539
32 故박경리 작가 손글씨, 무료 글꼴로 공개 makersweb 2019.01.05 216
31 저렴한 비용으로 만든 비트코인 하드웨어 지갑(Cold storage) file makersweb 2018.12.27 192
30 어떤 프로젝트, 이슈관리 도구를 써야할까? file makersweb 2018.02.27 7180
29 웹기반 리눅스(유닉스) 시스템 관리 도구 - webmin file makersweb 2018.02.19 1648
28 한글 무료 폰트 모음 makersweb 2018.02.03 721
27 재밌는 퀴즈로 쉐이더 프로그래밍 배우기 file makersweb 2018.02.01 321
26 Flux 어플리케이션 아키텍쳐 file makersweb 2018.01.30 185
25 죄와 벌 (완역본) Prestuplenie i nakazanie Pjk 2011.02.13 4389
24 위대한 설계-THE GRAND DESIGN [2] Pjk 2010.12.14 3405
23 연금술사, The Alchemist. Pjk 2010.05.14 5204
22 여행의 기술 (The)art of travel file Pjk 2009.09.01 4461
21 신 (Le Souffle des Dieux) [1] 박종규 2009.08.21 4243
20 지식e (가슴으로 읽는 우리시대의 智識) 시즌1 박종규 2009.08.20 4347