한국어
오픈소스포럼
 이곳은 다양한 오픈소스 프로젝트를 소개하고 리뷰, 활용 방법을 공유합니다.

윈도우에서 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

 

번호 제목 글쓴이 날짜 조회 수
35 Pluma(C++ Plug-in Management Framework) 튜토리얼 file makersweb 2019.12.07 13971
34 GDBus 튜토리얼(GDBus tutorial) file makersweb 2019.06.30 10300
33 Dear ImGui, 경량의 C++ 용 GUI 및 Widget 라이브러리 file makersweb 2020.11.28 9006
32 ZeroMQ의 기본 메세지 패턴들 file makersweb 2020.07.31 8446
31 GENIVI DLT(Diagnostic Log and Trace) 활용 file makersweb 2020.11.19 8202
30 텔레그램(Telegram) Bot 개발 file makersweb 2019.07.21 5698
29 webOS소개 및 Raspberry Pi 3 에서 실행 file makersweb 2019.10.13 3868
28 가볍고 쉬운 임베디드용 그래픽 라이브러리 - LVGL file makersweb 2020.09.16 3289
27 [SDL2 와 OpenGL]윈도우 생성과 2D그래픽 file makersweb 2020.04.11 3051
26 리눅스에서 SDL2 최신버전 컴파일과 Qt Creator로 개발환경 구성 file makersweb 2019.10.06 3027
25 Flutter Application 에서 한글(EUC-KR) 깨져서 나오는 문제 file makersweb 2022.01.06 2654
24 Wayland IVI Extension 간단 리뷰 file makersweb 2019.05.12 2253
23 Nana, C++용 크로스플랫폼 GUI 라이브러리 file makersweb 2021.01.06 2054
22 AGL (Automotive Grade Linux) 개요 file makersweb 2022.06.19 1848
21 ZeroMQ 비동기 클라이언트/서버 패턴 file makersweb 2020.08.13 1753
20 CANdevStudio 를 사용하여 CAN 네트워크 시뮬레이션 file makersweb 2021.03.09 1679
19 Flutter/Dart 와 Qt/QML 비교 file makersweb 2021.11.07 1391
18 Qt와 GStreamer 로 작성한 flac 오디오 재생 예제 file makersweb 2020.09.05 1139
17 LVGL 을 통해 GUI 구현 시 한글 폰트 추가 file makersweb 2023.02.07 1060
16 [NodeGui] JavaScript로 데스크탑 응용프로그램 작성 file makersweb 2023.02.21 1040