사용중인 VSCode(Visual Studio Code) 확장 플러그인 목록

2018-01-19

사용중인 플러그인을 정리해놓았다.
취소선은 설치했으나 비활성화 중인 것이다.

List

Last Update : 2018-10-15


- Active File In StatusBar

현재 작업중인 파일의 전체 경로를 아래 상태표시줄에 표시해준다

- Auto Rename Tag

짝이 되는 태그(<a>, </a>)를 자동으로 같이 수정한다.

- Angular Language Service

앵귤러 템플릿 서포트

- Auto Close Tag

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

- Blank line at end of file

저장할때 파일의 마지막에 빈줄이 없다면 자동으로 추가해준다.

- Debugger for Chrome

크롬 디버깅 환경 사용을 위한 확장.

- ESlint

ECMAScript Linter

- Git History

깃 히스토리를 보기 좋게 보여준다.

- gitignore

.gitignore 를 사용할 환경에 맞춰 만들어주는 확장.

- highlight-matching-tag

tag 를 클릭하면 해당 태그의 시작과 끝 부분을 강조해준다.

- indent rainbow

들여쓰기 단계에 따른 들여쓰기 공간의 색상을 다르게 표시해준다.

- IntelliSense for CSS class names in HTML

자동 CSS 클래스명 완성 기능

- Markdown Navigation

헤딩에 따라 목차를 보여준다.

- npm

npm 보조 확장.

- npn Intellisense

node module 을 import 시에 자동 완성 기능

- Path Intellisense

파일 경로를 자동 완성해주는 기능

- PostCSS Sorting

CSS 속성을 알파벳순으로 정렬하는 등, CSS 정렬에 사용한다.

- Prettier

위의 Beautify 가 react 에서 잘 작동하지 않아 쓰게 된 확장.

- Rainbow Brackets

브라켓의 색상을 단계별로 다르게 표시해준다.

- React Native Tools

리액트 네이티브 서포트

- Reactjs code snippets

리액트 코드 자동완성 스니펫 추가를 위한 확장.

- Sass

Sass 서포트

- Setting Sync

VSCode 설정 동기화 도구

- TODO Highlight

TODO: FIXME: 구문 하이라이트.

- TSLint

TypeScript Linter

- Vetur

Vue 서포트


Theme

- Color

  • FlatUI
  • 1337
  • Material Theme Kit
  • dracular official

- Icon

  • Marterial Icon Theme

추가로 VSCode 사용에 도움이 될 만한 자료들
- VS Code Tips and Tricks