visual studio plugin 추천(vue 작업시)

Visual Studio Code에서 Vue.js 개발시 유용한 Plugin List

1) View-in-browser : html 파일을 기본 브라우져로 볼 수 있도록 한다.

2) vetur : Vue.js 코드에 대한 문법 강조, 코드 자동완성, 디버깅, 린팅 기능들을 제공한다.

3) html snippets : html 태그 조작을 빠륵 ㅔ작성할 수 있도록 도와준다.

4) js-css-html formmatters : js, css html의 코드 자동완 성기능을 제공한다. 에디터 창에서 ctrl+sapce

=> 해당 플러그인은 설치시에 eslint 룰과 충돌 날 확률이 있기때문에 eslint와 Prettier 사용시 삭제요망

5) vue 2 snippets : vue.js 2.0의 콛 ㅡ조작 지원과 문법 강조 기능을 제공한다.

6) vue-beautify : vue.js 코드에 대한 정리 배치 기능을 제공한다.

7) ESLint : 자바 스크립트 코드 스타일, 문법 체크 기능을 제공한다.

8) file-icon : 좌측의 파일 아이콘을 가독성 좋게 바꿔준다.

9) Korean Language Pack for Visual Studio Code : 한글 번역

10) open in browser: 브라우저 화면을 띄워준다.

11) ESLint, Prettier : 코딩 스타일 체크 및 유효성 검사를 해준다.

 

출처: https://luji.tistory.com/74