Vscode Flutter 개발환경

박혜웅·2023년 1월 30일
0

0. 들어가기에 앞서 flutter란?


flutter는 google이 만든 ui 툴킷입니다.
참고 : https://flutter-ko.dev/


1. vscode 내 확장프로그램 설치


flutter 확장프로그램을 설치해줍니다.


2. flutter 프로젝트 생성


[보기] - [명령팔레트] 또는 Ctrl+3으로 명령 팔레트를 실행 후 flutter를 입력합니다.

3. SDK 설치 및 경로 설정

3-1. sdk가 설치되어있지 않은경우

설치되어있지 않은 경우 Download SDK를 클릭해서 설치해줍니다.
클릭시 아래 URL로 연결됩니다.
(https://docs.flutter.dev/get-started/install)

3-2. 이미 설치가 되어있거나 설치가 끝난경우

Locate SDK 버튼을 클릭해서 SDK의 경로를 설정해줍니다


4. 테스트 프로젝트 생성


2번에서 사용했던 명령팔레트에 다시 fltter입력 후 new project를 클릭합니다.

선택하면 template을 고르는 창이 뜨는데 저는 Apllcation을 선택했습니다.

프로젝트 이름을 입력해줍니다.

생성하면 아래와 같은 창이뜨는데 신뢰한다를 클릭했습니다.

하단에 생성 명령이 보이면서 시간이 지나면 프로젝트를 구성해줍니다.


5. 테스트


main.dart 파일에서 F5키를 누르면 앱을 디버깅 할 수 있습니다.
테스트 기기를 연결하지 않더라도 브라우저로 확인가능합니다.

5.1 gradle build 오류

저는 JDK가 1.8로 설정되어있어서 버전이 낮아 오류가 났습니다.

jdk 11버전 설치 후 setting.json내 java.home 부분을 변경해줬습니다.

"java.home": "D:\\Program Files\\Java\\jdk-11.0.17",

5.2 테스트 페이지


0개의 댓글