본문으로 건너뛰기

vscode-extensions

Auto Close Tag

html tag 작성 시 자동으로 닫는 태그를 달아줌.

Auto Rename Tag

html tag 수정 시 반대 태그도 같이 수정되도록 해줌.

Color Highlight

hex나 rgba로 된 텍스트에 자동으로 해당하는 색을 입혀서 강조해줌.

DotENV

.env 파일 지원

Git History

말그대로 git history를 vscode에 보기 쉽게 만들어줌.

GitLens

각 파일, 각 코드 별로 git 기록에 대한 상세 정보를 제공해줌.

Guides

HTML Snippets

html 코드 템플릿 제공

Jest Runner

npm script 없이 jest를 실행할 수 있는 extension. 파일 단위, 태스크 단위로도 가능하다.

Korean Language Pack

vscode 한국어 팩

Markdown Preview Enhanced

마크다운 미리보기 창을 vscode에서 띄울 수 있게해줌

MDX

Path Intellisense

Prettier - Code formmatter

Quokka.js

js, ts playground를 vscode에서 띄울 수 있음. 보기보다 엄청 유용해서 강추하는 바

Relative Path

Remove Comments

파일의 모든 주석들을 한 번에 삭제할 수 있게 해줌.

Settings Sync

SVG Viewer

svg 파일을 코드가 아니라 이미지로 볼 수 있게 해줌.

Tailwind CSS IntelliSense

Task Explorer

Text Tables

View In Browser

html 파일을 브라우저로 띄워 줌.

vscode-icons

vscode 안에서 파일, 폴더에 이름별로 다른 아이콘을 씌워 줌으로써 구별을 좀 더 용이하게 해줌.