일단 flutter web은 좀 더 봐야 할 것 같고,
android, ios쪽 앱 개발시에 쓸만 한 애들만 우선 정리
(dart, flutter 기본 플러그인은 제외)
플러그인 이름 누르시면 Visual Studio Marketplace로 연결됩니다~ (알파벳 순)
dart, flutter 전용 플러그인
Awesome Flutter Snippets
snippet 추가 제공. 필수 함수들도 한 번에 만들어줘서 타이핑량이 많이 줄어듬
Dart Data Class Generator
dart 클래스의 생성자, copyWith, toMap, fromMap, toJson, fromJson, == 등 자동 생성해줌
flutter-stylizer
flutter 클래스내의 생성자, 변수, 함수 등을 지정한대로 정렬해 줌
협업하거나 자신만의 스타일 유지할 때 좋음 (기본 설정 그래도사용해도 무방함)
Flutter Tree
emmet 같이 위젯트리를 한 번에 작성 가능하게 도와줌
dart, flutter 전용은 아니지만 도움 되는 플러그인
Better Comments
코멘트에 !, ? 등으로 시작하게 작성하면 색상이 다르게 출력 됨
(설명, 경고, 위험 등의 표시 가능)
Code Spell Checker
오타 잡아 줌!
Color Highlight
#ffffff의 rgb 코드 입력 시, 색상을 바로 확인 할 수 있음
Error Lens
에러 부분을 코드 위치에서 표시 해 줌
Git History
git history 보고 찾기, 비교 등 가능
Image preview
로컬 또는 리모트 파일 이미지를 바로 보여 줌
Paste JSON as Code
json 파일로 class 코드 만들 수 있음 (quicktype.io 에서 만듬)
Prettier - Code formatter
코드 포맷팅 (yaml 지원)
Pubspec Assist
pub.dev 가서 install 탭 내용 복붙하는 시간을 줄여줌
REST Client
rest 테스트를 vscode에서 할 수 있음 (요즘은 아래 thunder client 많이 쓰는 듯)
TabOut
tab키 입력하면 괄호를 빠져나감
(적응하는 데 시간이 필요하지만, 익숙해지면 아주 편함)
Todo Tree
todo 코멘트 달아놓은 것 좌측 트리메뉴에 표시해 줌
Thunder Client
postman의 vscode 플러그인 버전
Version Lens
pubspec.yaml에서 버전 정보를 확인하고, 관리도 할 수 있음 (최신 버전 표기 등)
vscode-faker
fake 데이터 만들어줌 (주소, 이름, 회사, 날짜, 전화번호 등등)