-
Vetur
- https://marketplace.visualstudio.com/items?itemName=octref.vetur
- Vue syntax highlighting, auto complete 등을 지원합니다.
-
Peacock
- https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock&wt.mc_id=vscodepeacock-github-jopapa
- Workspace 별로 VS Code의 색상을 설정할 수 있습니다.
-
GitLens
- https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
- VS Code editor 내에서 git commit history를 확인할 수 있습니다.
- File / line 단위의 commit 로그들을 확인할 수 있고, revision 단위로 브라우징도 가능해서 history를 추적하기 좋습니다.
-
Better Comments
- https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
- TODO, FIXME 등의 comment 들을 highlight 해줍니다.
- 주로 쓰는 annotation은 TODO, NOTE, FIXME, HACK, IMPL 정도가 있습니다.
-
Draw.io Integration
- https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio
- draw.io를 VS Code 내에서 사용할 수 있습니다.
-
Sass
- https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented
- Sass 포맷의 css의 syntax highlight를 지원합니다.
-
Bookmarks
- https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks
- VisualStudio에만 있는 Bookmark 기능을 사용할 수 있습니다.
-
i18n Ally
- https://marketplace.visualstudio.com/items?itemName=Lokalise.i18n-ally
- 다국어 관련 유용한 기능들이 있습니다.
-
Auto Close Tag / Auto Rename Tag
-
Code Spell Checker
- https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
- 오타들에 대해서 Warning을 띄워줍니다.
-
indent-rainbow
- https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
- indent 를 좀 더 구분짓기 쉽게 colorize 시켜줍니다.
-
vscode-faker
- https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker
- Dummy Data를 타입별로 생성해줍니다.
-
file-tree-generator
- https://marketplace.visualstudio.com/items?itemName=Shinotatwu-DS.file-tree-generator
- 프로젝트의 파일 트리를 예쁘게? 텍스트로 만들어줍니다.
-
project-manager
- https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager
- 프로젝트들을 태그 등으로 분류하여 보여주고, 프로젝트간 전환을 쉽게 해줍니다.
Frontend