VS Code 재설치시에 필수적으로 깔아야 하는 확장 프로그램 메모.

VS Code 재설치시에 필수적으로 깔아야 하는 확장 프로그램 메모.

 

- Vetur

Vue.js 개발자들에겐 필수이다.

.vue 파일에 대한 코드들을 자동완성 시켜줍니다.

 

- Vue 2 snippets

Vetur 만 사용했을 때 모든 기능들에 Snippet 이 적용이 되진 않아서

예를 들어 뷰 인스턴스에서 commponents 속성을 정의하기 위해서

자동 완성이 표현되지 않는 경우에 사용할 수 있는 플러그인입니다.

 

- Night Owl

컬러가 쨍하면서 한편으로는 또 눈을 편안하게 해주는 color scheme 으로,

지금까지 사용했던 테마 중 가장 만족스러운 플러그인이다.

 

- Material Icon Theme

VS Code 에서 기본적으로 지원하는 아이콘이 있지만

좀 더 명확한 파일아이콘을 사용하고 싶다면

해당 플러그인을 사용하면 됩니다.

 

- Live Server

.vue 확장자로 코딩 할때는 필요 없지만,

.vue 확장자가 아닌 상황에서

HTML 코딩 또는 .html 확장자 안에서 vue 코딩을 할 경우

간이 로컬 서버를 구축하고 확장시킬 수 있는 필수 라이브러리 입니다.

 

- ESLint

ESLint는 JavaScript, JSX의 정적 분석 도구로 오픈 소스 프로젝트입니다. 코드를 분석해 문법적인 오류나 안티 패턴을 찾아주고 일관된 코드 스타일로 작성하도록 도와줍니다. JSLint, JSHint와 같이 다른 JavaScript 정적 분석 도구들도 있지만, ESLint가 커스터마이징이 쉽고 확장성이 뛰어나 많이 쓰이고 있는 추세입니다. ESLint는 스타일 가이드를 좀 더 편리하게 적용하기 위해 사용하기도 하는데, 외부에 공개되어 많은 개발자가 사용 중인 Airbnb Style Guide, Google Style Guide 가 그 대표적인 예입니다.

 

- Prettier

여러 사람이 한 프로젝트를 같이 코딩을 해야 한다면

필수적인 플러그인 입니다.

그 이외에 좀 더 유연하게 가능한 Beautify 플러그인이 있다고 하는데

사용은 못해봤습니다.

 

- Auto Close Tag

시작 태그의 닫기 괄호를 입력한 후 닫기 태그가 자동으로 삽입됩니다.