비쥬얼스튜디오 코드 편하게 잡수기 Flutter Vscode Tip

sunmkim·2023년 1월 12일
0

flutter

목록 보기
1/3
post-thumbnail

단축키

1. 빠른 수정

Mac: CMD + .
Windows: CTRL + .

2. 파일 검색

Mac: CMD + P
Windows: CTRL + P

3. 패키지 검색

Mac: CMD + Shift + P
Windows: CTRL + Shift + P
후 Dart: Add Dependency 메뉴 선택

4. 빌드 러너

Mac: CMD + Shift + B
Windows: CTRL + Shift + B
후 빌드러너 선택

플러그인

1. Dart Data Class Generator

모델 클래스에 필요한 copyWith()toString()toJson()fromJson()toMap()fromMap()==hashCode 메소드를 자동 생성해주는 플러그인

2. Flutter Riverpod Snippets

리버팟 단축키

3. Error Lens

에러가 난 위치에 에러 코드를 보여줍니다.

4. Advanced New File

팔레트에서 파일 생성을 가능하게 해주는 플러그인

5. GitHub Copilot

6. Firebase Explorer

vscode에서 파이어베이스 보기

7. Version Lens

패키지의 최신 버전 확인이 가능

settings.json


{ 
	// g, freezed 파일 중첩 활성화 
	"explorer.fileNesting.patterns": { 
		"*.dart": "${capture}.g.dart, ${capture}.freezed.dart" 
	}, 
	"explorer.fileNesting.enabled": true, 
	"explorer.fileNesting.expand": false, 
	// 스크롤시 상단이 고정됨
	"editor.stickyScroll.enabled": true,
	// 위젯간의 Tree 라인 생성됨
	"dart.previewFlutterUiGuides": true,
	// 괄호들에 각각의 컬러가 생성되어 구분하기 좋아짐
	"editor.bracketPairColorization.enabled": true,
	// 저장시 포매팅
	"editor.formatOnSave": true,
	// 저장시 모든 에러 수정
	"editor.codeActionsOnSave": { 
		"source.fixAll": true 
	}
}

profile
Flutter / Swift

0개의 댓글