https://flutter.dev/docs/development/tools/vs-code

1 Flutter

flutter vscode plugin

flutter_hot_reload

2 Dart

vscode_dart_plugin

command + shift + p 를 눌러서 flutter doctor 로 잘 설치됐는지 확인

vscode run flutter doctor

vscode flutter doctor

유용한 기능 체크

preferences -> settings

vscode dart setting

 

DartBracket Pair Colorizer 2

DartBracket Pair Colorizer 2

다트의 트리 구조를 쉽게 알 수 있도록 도와준다.

 

indent-rainbow

Example

들여쓰기 표시하기 쉽게

 

Pubspec Assist

 

Auto Rename Tag

Usage

Image preview

Demonstrating svg image preview in a css file

 

Prettier – Code formatter

 

 

flutter web dev 설정

https://flutter.dev/docs/get-started/web

$ flutter channel beta

$ flutter upgrade
$ flutter config --enable-web

https://flutter.dev/docs/get-started/codelab-web

flutter run -d chrome

 

에뮬레이터 실행

vscode launch emulator

 

vscode update 안될때

vscode check for updates

vscode update error

sudo chown $USER ~/Library/Caches/com.microsoft.VSCode.ShipIt/*
xattr -dr com.apple.quarantine /Applications/Visual\ Studio\ Code.app