플러터:VSCode - 편집 역사

Sam: /* 개요 */

2025-12-31T05:24:03Z

개요

← 이전 판		2025년 12월 31일 (수) 05:24 판
24번째 줄:		24번째 줄:
	vscode ctrl+shift+p에서 Emulator 선택하면 쓸 수 있다.(세팅에서 항상 top에 있게 하면 보기 편하다.)		vscode ctrl+shift+p에서 Emulator 선택하면 쓸 수 있다.(세팅에서 항상 top에 있게 하면 보기 편하다.)
	\|에뮬 켜는 데 시간 좀 걸린다.		\|에뮬 켜는 데 시간 좀 걸린다.
	\|-
	~~\|에뮬레이터 사용하기~~
	~~\|안드로이드 SDK를 지정해주어야 한다.~~

	* 안드로이드 스튜디오에서 SDK Manager > Android SDK Location 경로를 복사해 환경변수로 설정해야 한다. 파워쉘을 관리자권한으로 실행하여 아래를 진행하자.
	* flutter config --android-sdk "D:\code\Android\SDK"
	* 터미널에서 flutter doctor --android-licenses 진행, 다 yes 처리해주면 된다.
	* 이후 vscode를 재시작해주면 코드 실행으로 사용 가능.
	\|
	\|-		\|-
	\|터미널		\|터미널

2025년 11월 13일 (목) 04:46에 Sam님의 편집

2025-11-13T04:46:27Z

← 이전 판		2025년 11월 13일 (목) 04:46 판
78번째 줄:		78번째 줄:
	\|		\|
	\|}		\|}

			= 팁 =

			=== Refector ===
			편집을 하다 보면 Column을 가운데 정렬해야 한다든가, 다른 요소 안에 집어넣어야 할 때가 있다. 그러면 감싸는 위젯을 위에서 작성하고 아래에선 괄호를 닫아주어야 하는데.. Refector 메뉴(ctrl + . ) 을 사용하면 간단하게 할 수 있다.

Sam: /* 추천 익스텐션 */

2025-11-11T03:13:46Z

Sam: /* 개요 */

2025-11-11T01:28:31Z

개요

← 이전 판		2025년 11월 11일 (화) 01:28 판
19번째 줄:		19번째 줄:
	* 애뮬레이터.		* 애뮬레이터.

	: 우측 하단에 자신이 사용하고 있는 OS 이름이 있을 텐데, 이곳에서 에뮬레이터를 고를 수 있다.(크롬 및 안드로이드 스튜디오에서 설치한 에뮬레이터 사용 가능.)		: 우측 하단에 자신이 사용하고 있는 OS 이름이 있을 텐데, 이곳에서 에뮬레이터를 고를 수 있다.(아래 참고. 크롬 및 안드로이드 스튜디오에서 설치한 에뮬레이터 사용 가능.)

	* 앱 실행. 에뮬레이터 실행 후 크게 3가지 방법이 있다. Run and Debug, main 함수 위에 뜬 Run 클릭, F5 이후 vscode 상단에 앱의 실행과 관련된 버튼들이 나타난다.		* 앱 실행. 에뮬레이터 실행 후 크게 3가지 방법이 있다. Run and Debug, main 함수 위에 뜬 Run 클릭, F5 이후 vscode 상단에 앱의 실행과 관련된 버튼들이 나타난다.
25번째 줄:		25번째 줄:
	\|에뮬 켜는 데 시간 좀 걸린다.		\|에뮬 켜는 데 시간 좀 걸린다.
	\|-		\|-
	\|		\|에뮬레이터 사용하기
	\|		\|안드로이드 SDK를 지정해주어야 한다.

			* 안드로이드 스튜디오에서 SDK Manager > Android SDK Location 경로를 복사해 환경변수로 설정해야 한다. 파워쉘을 관리자권한으로 실행하여 아래를 진행하자.
			* flutter config --android-sdk "D:\code\Android\SDK"
			* 터미널에서 flutter doctor --android-licenses 진행, 다 yes 처리해주면 된다.
			* 이후 vscode를 재시작해주면 코드 실행으로 사용 가능.
	\|		\|
	\|}		\|}

Sam: /* 개요 */

2025-02-05T10:00:17Z

개요

← 이전 판		2025년 2월 5일 (수) 10:00 판
19번째 줄:		19번째 줄:
	* 애뮬레이터.		* 애뮬레이터.

	: 우측 하단에 자신이 사용하고 있는 OS 이름이 있을 텐데, 이곳에서 에뮬레이터를 고를 수 있다.(안드로이드 스튜디오에서 설치한 에뮬레이터 사용 가능.)		: 우측 하단에 자신이 사용하고 있는 OS 이름이 있을 텐데, 이곳에서 에뮬레이터를 고를 수 있다.(크롬 및 안드로이드 스튜디오에서 설치한 에뮬레이터 사용 가능.)

	* 앱 실행. 에뮬레이터 실행 후 크게 3가지 방법이 있다. Run and Debug, main 함수 위에 뜬 Run 클릭, F5 이후 vscode 상단에 앱의 실행과 관련된 버튼들이 나타난다.		* 앱 실행. 에뮬레이터 실행 후 크게 3가지 방법이 있다. Run and Debug, main 함수 위에 뜬 Run 클릭, F5 이후 vscode 상단에 앱의 실행과 관련된 버튼들이 나타난다.
	vscode ctrl+shift+p에서 Emulator 선택하면 쓸 수 있다.(세팅에서 항상 top에 있게 하면 보기 편하다.)		vscode ctrl+shift+p에서 Emulator 선택하면 쓸 수 있다.(세팅에서 항상 top에 있게 하면 보기 편하다.)
	\|에뮬 켜는 데 시간 좀 걸린다.		\|에뮬 켜는 데 시간 좀 걸린다.
			\|-
			\|
			\|
			\|
	\|}		\|}

Sam: /* 개요 */

2025-02-05T05:20:40Z

개요

← 이전 판		2025년 2월 5일 (수) 05:20 판
25번째 줄:		25번째 줄:
	\|에뮬 켜는 데 시간 좀 걸린다.		\|에뮬 켜는 데 시간 좀 걸린다.
	\|}		\|}

			=== 추천 익스텐션 ===
	{\| class="wikitable"		{\| class="wikitable"
	\|+		\|+
43번째 줄:		45번째 줄:
	\|		\|
	\|-		\|-
	\|		\|Bracket Pair Colorizer 2
	\|		\|괄호가 많이 생기면 헷갈리는데, 색으로 짝이 되는 괄호를 표시해준다.
	\|		\|
	\|}		\|}

Sam: /* 개요 */

2024-09-20T05:52:54Z

개요

← 이전 판		2024년 9월 20일 (금) 05:52 판
15번째 줄:		15번째 줄:

	: ctrl+shift+p에서 flutter를 기입해 적절한 것을 선택해 시작한다.		: ctrl+shift+p에서 flutter를 기입해 적절한 것을 선택해 시작한다.
			: 유의: 프로젝트명은 알파벳 소문자로만 구성한다.

	* 애뮬레이터.		* 애뮬레이터.
21번째 줄:		22번째 줄:

	* 앱 실행. 에뮬레이터 실행 후 크게 3가지 방법이 있다. Run and Debug, main 함수 위에 뜬 Run 클릭, F5 이후 vscode 상단에 앱의 실행과 관련된 버튼들이 나타난다.		* 앱 실행. 에뮬레이터 실행 후 크게 3가지 방법이 있다. Run and Debug, main 함수 위에 뜬 Run 클릭, F5 이후 vscode 상단에 앱의 실행과 관련된 버튼들이 나타난다.
			vscode ctrl+shift+p에서 Emulator 선택하면 쓸 수 있다.(세팅에서 항상 top에 있게 하면 보기 편하다.)
	\|에뮬 켜는 데 시간 좀 걸린다.		\|에뮬 켜는 데 시간 좀 걸린다.
	\|}		\|}

Sam: /* 개요 */

2024-09-20T05:08:39Z

개요

← 이전 판		2024년 9월 20일 (금) 05:08 판
3번째 줄:		3번째 줄:
	== 개요 ==		== 개요 ==
	VSCode로 플러터를 사용하는 이들을 위한 팁과 지식.		VSCode로 플러터를 사용하는 이들을 위한 팁과 지식.

			설치에 대한 것은 [[플러터:개요#기본 양식\|플러터:개요 - 학교의 모든 지식. SMwiki]]을 참고하자.
	{\| class="wikitable"		{\| class="wikitable"
	!		!

Sam: 새 문서: {{플러터}} == 개요 == VSCode로 플러터를 사용하는 이들을 위한 팁과 지식. {| class="wikitable" ! ! ! |- |VSCode | * 프로젝트 시작. : ctrl+shift+p에서 flutter를 기입해 적절한 것을 선택해 시작한다. * 애뮬레이터. : 우측 하단에 자신이 사용하고 있는 OS 이름이 있을 텐데, 이곳에서 에뮬레이터를 고를 수 있다.(안드로이드 스튜디오에서 설치한 에뮬레이터 사용 가능.) * 앱 실행....

2024-09-20T05:07:28Z

새 문서: {{플러터}} == 개요 == VSCode로 플러터를 사용하는 이들을 위한 팁과 지식. {| class="wikitable" ! ! ! |- |VSCode | * 프로젝트 시작. : ctrl+shift+p에서 flutter를 기입해 적절한 것을 선택해 시작한다. * 애뮬레이터. : 우측 하단에 자신이 사용하고 있는 OS 이름이 있을 텐데, 이곳에서 에뮬레이터를 고를 수 있다.(안드로이드 스튜디오에서 설치한 에뮬레이터 사용 가능.) * 앱 실행....

새 문서

{{플러터}}

== 개요 ==
VSCode로 플러터를 사용하는 이들을 위한 팁과 지식.
{| class="wikitable"
!
!
!
|-
|VSCode
|
* 프로젝트 시작.

: ctrl+shift+p에서 flutter를 기입해 적절한 것을 선택해 시작한다.

* 애뮬레이터.

: 우측 하단에 자신이 사용하고 있는 OS 이름이 있을 텐데, 이곳에서 에뮬레이터를 고를 수 있다.(안드로이드 스튜디오에서 설치한 에뮬레이터 사용 가능.)

* 앱 실행. 에뮬레이터 실행 후 크게 3가지 방법이 있다. Run and Debug, main 함수 위에 뜬 Run 클릭, F5 이후 vscode 상단에 앱의 실행과 관련된 버튼들이 나타난다.
|에뮬 켜는 데 시간 좀 걸린다.
|}
{| class="wikitable"
|+
!extention
!설명
!비고
|-
|Flutter Riverpos Snippets
|상태관리, 관련 코드를 불러와준다.
|
|-
|Dart Data Class Generator
|데이터클래스 생성 시 ctrl+. 을 통해 중복코딩 피하게 도움.
|
|-
|Error Lens
|에러나 실수를 라인별로 알려준다.
|
|-
|
|
|
|}

=== setting.json 옵션 ===
보통은 다 True로 되어 있어 사용하고 있을 것이다.
{| class="wikitable"
!extention
!설명
!비고
|-
|editor.formatOnSav
|내부의 editor.formatOnSave 값을 True로 해주면 저장할 때 자동으로 줄맞춤을 해주어 가독성을 높여준다.
|
|-
|source.fixAll
|True로 해주면 저장할 때 자잘한 오류들을 고쳐준다.
|
|}

← 이전 판		2025년 11월 11일 (화) 03:13 판
32번째 줄:		32번째 줄:
	* 터미널에서 flutter doctor --android-licenses 진행, 다 yes 처리해주면 된다.		* 터미널에서 flutter doctor --android-licenses 진행, 다 yes 처리해주면 된다.
	* 이후 vscode를 재시작해주면 코드 실행으로 사용 가능.		* 이후 vscode를 재시작해주면 코드 실행으로 사용 가능.
			\|
			\|-
			\|터미널
			\|터미널은 powershell로 열게 하면 좋다.
	\|		\|
	\|}		\|}