VSCode - 확장 프로그램 설치목록

Visual Studio Code(VSCode)확장 플러그인 설치 목록

아래 확장 플러그인(Extension)은 제가 사용하는 확장 플러그인들입니다.

• ESLint
  ESLint란, 2013년 6월에 Nicholas C. Zakas가 처음 만든 오픈소스 JavaScript Linting 유틸리티. 코드 Linting 이란 특정 스타일 규칙을 준수하지 않는 문제가 있는 소스코드를 찾는데 사용되는 방식을 말하며, Linter 는 이러한 Linting 을 수행하는 도구.
  

  ESLint 같은 Linting 도구를 사용하면 JavaScript를 실행하지 않고도 기본적인 문제를 발견할 수 있다.

• Active File In StatusBar
  현재 작업중인 파일의 경로를 상태표시줄에 표시.

• Auto Rename Tag
  자동으로 여는 태그와 닫는 태그를 같이 수정.

• highlight-matching-tag
  tag를 클릭하면 해당 태그의 시작과 끝 부분을 강조.

• indend rainbow
  들여쓰기 단계에 따라 공백 부분 색상을 다르게 표시.

• InterlliSense for CSS class names in HTML
  HTML에서 CSS의 클래스명을 자동 완성.

• Prettier - Code formatter
   JavaScript / TypeScript / CSS formatter

• Material Icon Theme
  Icon design 변경. (Material design)

• live-server
  VSCode 자체에서 서버를 띄워주고, 코드 변경하고 저장하면 웹 브라우져에서 바로 확인가능하도록 새로고침을 자동으로 해준다.
  서버열기 : Alt + L, O
  서버닫기 : Alt + L, C

• HTML CSS Support
  클래스, ID 속성 완성.
  클래스 및 ID 속성에 대한 Zen Coding 완성 지원
  css 및 scss 파일을 위한 작업 공간 폴더 검색.
  원격 css 파일 지원
  vscode-css-languageservice 사용