[Visual Studio Code] 2. vue.js 개발시 추천 plugin 정리

in Dev Sub on VScode


Visual Studio Code 로 vue.js 개발 시에 유용한 Plugin 추천 모음 정리

지속적으로 정리 업데이트 예정



1. Vetur - Pine Wu

  • vue.js 코드 문법강조, 자동완성, 디버깅, Lint 등 지원

vscode-s1


2. Vue 2 Snippets

  • vue.js 컴포넌트 속성 지원 및 자동완성 지원

vscode-s2


3. Vue Peek

  • 컴포넌트 추적

vscode-s3


4. ESLint

vscode-s4


5. Prettier - Code formatter

vscode-s5


ESLint와 Prettier 는 잘못 된 문법이나 각 프로젝트 환경에 맞는 코드 스타일에 따라 자동으로 맞춰주는 기능이다.
Visual Studio Code에 개발 툴에 플러그인을 설치하는 방법과 NPM을 통해 Lint 설정파일로 프로젝트를 관리하는 방법이 있다.

6. DotENV

  • .env 환경 파일 syntax

vscode-s6


7. devtools vue - chrome 확장프로그램 설치

vscode-s7