VSCODE 사용자를 위한 Extension 추천

VSCODE를 사용하면서 추천해 드릴만 한 Extension들을 소개하겠습니다.


Korean Language Pack for Visual Studio Code

(https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko)

뭐…. 설명할 게 없네요 한글패치입니다.

설치 후에 VSCODE 리스타트를 해주셔야 적용됩니다.


Auto-Open Markdown Preview

Auto-Open Markdown Preview

https://marketplace.visualstudio.com/items?itemName=hnw.vscode-auto-open-markdown-preview

VSCODE에서 Git의 README.md 등 md 파일을 작성할 때 유용한 Extension입니다.

md 파일을 여는 순간 오른쪽에 미리 보기 창이 나타나 실시간으로 볼 수 있습니다.


TODO Highlight

TODO Highlight

https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight

개발을 하다 보면 나중에 구현해야지 하며, 주석을 달아놓고는 눈에 띄지 않아 잊어버리는 경우가 있습니다.

그래서 눈에 잘 띄게 해주고, 그 할 일 목록을 확인할 수 있게 해주는 Extension입니다.

사용법 : TODO뒤에 :를 꼭 붙여서 사용하셔야 됩니다!!

TODO: 내용
FIXME: 내용

TypeScript Extension Pack

TODO Highlight

https://marketplace.visualstudio.com/items?itemName=loiane.ts-extension-pack

VSCODE에서 Typescript를 사용할 때 필요한 Extension을 모아놓은 것으로, 이거 하나만 설치하면 웬만한 Extension은 추가로 설치하지 않아도 되는 유용한 Extension입니다.

TSLint, TypeScript Hero, json2ts, Move TS, Path Intellisense, TypeScript Importer, Prettier, Debugger for Chrome이 포함되어 있습니다.


vscode-icons

TODO Highlight

https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

이 Extension은 파일 확장자, 폴더의 이름에 따라 아이콘 모양이 바뀌게 되어, 개발자가 직관적으로 어떤 파일인지 폴더인지 빠르게 파악할 수 있도록 도와줍니다.


이외에 추천하는 확장 프로그램

  • Auto close Tag(https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)
  • Auto rename Tag(https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)