[Vue.js] 사용하는 확장프로그램

◽ Auto Close Tag

태그를 자동으로 닫아준다.

 

 

 

◽ ESLint

ES(Ecma Script, 표준 자바스크립트)와 Lint를 합친 말이다.

문법 중에 에러가있다면 표시해준다.

prettier와 함께 많이 사용한다고 한다.

 

 

 

◽ Korean Language Pack for Visual Studio Code

한국어 팩이다.

 

 

 

◽ Vetur

VSCode에서 지원하는 유용한 Vue 플러그인이다.

문법 작성시의 하이라이팅이나 snippet 등을 지원한다.

거의 필수적으로 설치하는데 자세한 기능은 정리 후 아래 링크를 달 예정이다.

 

 

 

◽ prettier

개발자마다 indent 값이나 세미콜론을 찍는 위치 등 코딩스타일이 모두 다르다.

prettier는 협업할 때 좋은 확장프로그램으로, 한 사람이 친 것 처럼 코드를 맞출 수 있다.

(이전의 필드에선 개발자, 퍼블리셔 모두 소스반영 전에 무조건 prettier로 코드를 정리하는 과정이 필수였다.)

 

 

 

◽ Meterial Lcon Theme

각 모듈이나 환경에 맞게 폴더 아이콘, 확장자에 맞는 아이콘 등을 제공한다.

 

폴더 아이콘, 200개 정도 된다.

파일 아이콘

 

 

---

 

 

 

설치된 확장프로그램은 여기서 확인할 수 있다.

 

 

 

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.