VSCode 플러그인 추천

VSCode의 플러그인을 추천합니다. 

설치 후, 1개월 이상 꾸준히 사용하는 플러그인만을 대상으로 합니다. 

 

내가 설치한 플러그인 목록

1. Auto Close Tag 

: HTML, XML 파일에서 입력한 태그를 자동으로 닫아준다. [자세히 보기] 

Auto Close Tag - Visual Studio Marketplace

 

2. Auto-Open Markdown Preview

: Markdown을 작성하면서, 화면 미리보기를 할 수 있다. [자세히 보기]

Auto-Open Markdown Preview - Visual Studio Marketplace

 

3. Bracket Pair Colorizer

: 브래킷의 Pair끼리 색상을 맞춰준다.

손가락으로 브래킷 숫자를 세지 않아도 된다.

[자세히 보기]

Bracket Pair Colorizer - Visual Studio Marketplace

 

4. Git History 

: VSCode에서 깃 로그를 볼 수 있다.

 웹스톰에서는 기본적으로 제공되는 기능이지만, VSCode에서는 플러그인을 설치해야 한다. [자세히 보기]

Git History - Visual Studio Marketplace

 

5. indent-rainbow 

: indent 앞에 스페이스 간격별로 색상을 준다.

Bracket Pair Colorizer와 함께 내가 좋아하는 플러그인이다.(코드가 이뻐 보인다!)

사용 예시

[자세히 보기]

indent-rainbow - Visual Studio Marketplace

 

6. local-history

: 나처럼 삽질을 잘하는 개발자에겐 꼭 필요한 기능이다. 웹스톰에서는 기본으로 제공되는 기능이다. [자세히 보기]

Local History - Visual Studio Marketplace

 

7. Settings Sync

: VSCode의 설정을 Github, Gist를 통해 동기화한다. 다른 거 다 안 써도, Settings Sync는 필수! 

  내가 작성한 관련 글도 있으니, 참고해주세요! 👉 2021.04.29 - [Programming/쓸모있는 정보들] - VS Code 환경설정 동기화로 편리하게 사용하자

[자세히 보기]

Settings Sync - Visual Studio Marketplace

 

8. TODO Highlight

: TODO, FIXME 어노테이션을 지원한다.

나는 아래처럼 사용하고 있다. 빌드할 때도, 별도 터미널에서 TODO, FIXME 항목을 모아볼 수 있어서 편리하다.

나중에 개발할 부분을 TODO로 마킹했다.

[자세히 보기]

TODO Highlight - Visual Studio Marketplace

 

9. vscode-icons

: VSCode 내 파일에 아이콘을 붙여준다. 

플러그인을 설치하면 탐색기가 아래처럼 보인다. eslint, git, yarn 등에 아이콘이 붙었다. 

[자세히 보기]

vscode-icons - Visual Studio Marketplace