유용한 Visual Studio Code 확장 플러그인

Auto Close Tag

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

Auto Rename Tag

태그명 변경 시 자동으로 닫는 태그의 태그명도 변경된다.

ESLint

자바스크립트의 문법을 체크해준다.

ftp-simple

FTP연결을 통하여 FTP파일을 원격으로 수정이 가능하다.

Live Server

localhost로 서버를 열어줘서 수정 시 실시간으로 브라우저에서 볼 수 있다.

Korean Language Pack for Visual Studio Code

비주얼 스튜디오 코드의 모든 언어를 한국어로 변경 할 수 있다.

Material Icon Theme

확장자 별로 보기 쉽게 파일 아이콘을 변경해준다.

Node.js REPL

자바스크립트 디버깅 결과를 에디터 화면에서 볼 수 있다.

Vetur

Vue.js로 작업할 때 스니펫 역할을 해준다.

vscode-styled-components

React에서 styled-components를 사용할 때 scss문법에 색상을 넣어줘서 보기 좋게 만들어준다.

vue-color

Vue.js로 컴포넌트를 제작할 때 스니펫의 색상을 변경해줘서 더 보기 좋은 코드를 만들어준다.

Color the tag name (일본어)

Vue 또는 React의 컴포넌트를 만들때 JSX 또는 template내부 HTMl 스트링 코드를 보기 좋게 색상을 첨부해준다.

Code Spell Checker

코드 내부에서 코드에 대하여 개발자의 실수를 알려준다.

sftp

sftp로 원격 접속 후 동기화 하여 자동으로 업로드를 할 수 있다.

vscode-styled-components

styled-components 모듈을 사용할 때 스타일 코드에 색상이 들어가 좀 더 명확해진다.