Archive
VSCode Extensions

VSCode Extensions

Auto Close Tag (opens in a new tab)

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

Auto Rename Tag (opens in a new tab)

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

Color Highlight (opens in a new tab)

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

DotENV (opens in a new tab)

.env 파일 지원

Git History (opens in a new tab)

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

GitLens (opens in a new tab)

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

Guides (opens in a new tab)

HTML Snippets (opens in a new tab)

html 코드 템플릿 제공

Jest Runner (opens in a new tab)

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

Korean Language Pack (opens in a new tab)

vscode 한국어 팩

Markdown Preview Enhanced (opens in a new tab)

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

MDX (opens in a new tab)

Path Intellisense (opens in a new tab)

Prettier - Code Formatter (opens in a new tab)

Quokka.js (opens in a new tab)

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

Relative Path (opens in a new tab)

Remove Comments (opens in a new tab)

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

Settings Sync (opens in a new tab)

SVG Viewer (opens in a new tab)

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

Tailwind CSS Intellisense (opens in a new tab)

Task Explorer (opens in a new tab)

Text Tables (opens in a new tab)

View In Browser (opens in a new tab)

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

vscode-icons (opens in a new tab)

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

PostCSS Language Support (opens in a new tab)

TailwindCSS가 사용하는 postcss에 대한 언어 지원입니다.


© 2023 kidow. All rights reserved.
안녕하세요?