[VS Code] 유용한 VS Code Extentions & Settings

💡 이 글은 VS Code로 Flutter를 공부하며 알게된
Extention과 Setting을 정리한 글입니다.
(a.k.a 큰 기능은 아니지만 없으면 허전한..)

Extentions

• Better Comments

  주석 종류에 따라 다른 서식을 적용하여 직관적으로 보여주는 Extension
  

• Error Lens

  코드의 error를 명확히 확인 가능하도록 도와주는 Extension
  

• Material Icon Theme

  Explorer에 가독성 좋은 Icon을 적용하는 Extension
  

Settings

• settings.json

  Command Palette(⇧⌘P) -> Open User Settings (JSON) -> 하기 코드 추가

"[dart]": {
  "editor.formatOnSave": true,  // 저장 시, 코드 자동 formatting
   ...
},
"dart.previewFlutterUiGuides": true,  // widget의 부모/자식 관계 가이드라인 표시 (vscode 재시작 필요)
"editor.codeActionsOnSave": {
    "source.fixAll": true  // 저장 시, 코드 자동 fix
},