[VSCode] VSCode 유용한 플러그인

▶VSCode 유용한 플러그인

 

1. Koran Language Pack for Visual Studio Code

한글버전으로 VSCode을 지원해 줍니다.

 

2. Material Icon Theme

보다 구분이 편리하게 폴더 및 파일들의 아이콘 테마를 적용해 줍니다.

 

3. Prettier - Code formatter

작성한 코드를 정해진 코딩 스타일을 따르도록 코드를 정렬해주는 코드 포맷터입니다.

 

4. Live Server

VS Code 에디터에 코드를 입력하면 실시간으로 브라우저에 바로 반영되어 확인 가능하도록 해주는 가상 서버입니다.

파일을 저장하는 순간 바로 브라우저에 적용됩니다.

 

5. Auto Close Tag

html 문법을 사용하다보면 여는 태그와 닫는 태그를 항상 사용하는데요.

이때 Auto Close Tag를 사용하면 여는 태그만 입력하면 자동으로 닫는 태그가 완성되게 됩니다. 

 

6. Auto Rename Tag

html 문법 작성을 하다가 태그를 수정하고 싶을 때가 있는데요.

이미 작성된 태그에 대해서는 여는 태그 부분을 수정하더라도 닫는 태그도 따로 찾아 수정을 해줘야 합니다.

그런데, Auto Rename Tage 확장팩을 사용하면 여는 태그만 수정하더라고 닫는 태그도 함께 수정이 됩니다.

 

7. ESLint

문법 검사를 해주는 플러그인입니다.

 

8. FireFly Pro

VS Code 색 테마 플러그인 입니다.

 

8. vscode-styled-components

css -in -js에서 styled-components를 작성할 때 자동완성을 지원해 주는 플러그인입니다.

 

9.  Code Spell Checker

코드를 작성하다가 영어 스펠링을 체크해주는 플러그인입니다.

단순히 주석이나 변수 이름을 지을 때도 스펠링이 다르면 파란색 줄을 띄워줍니다.

 

10. ES7+ React/Redux/React-Native Snippets

rfc를 입력하고 Enter를 치면 React 컴포넌트의 기본 형태가 자동으로 완성됩니다.

 

11. Import Cost

import 했을 때 패키지의 사이즈를 알려줍니다.