VSCode 유용한 Extension

VSCode Extension

VSCode 사용하면서 유용하다고 생각했던 Extension 모아봤습니다.

Auto import(ES6,TS, JSX...)

파일을 열지 않아도 마치 불러와져 있는 듯이 사용.
원하는 파일명을 입력하다보면 상단에 불러와져있다.

Reactjs Code snippet

reactjs 쓰면서 없어서는 안될 스니펫(뜻처럼 작은 정보 입력만으로 자동화기능 완성)

Javascript Snippet Pack

javascript 쓸때 편리한 기능

JS JSX Snippets

Reactjs 속 JSX 작성할때 편리한 기능

ESLint

까다롭기로 유명한 에어비앤비의 문법 규칙을 따를때 유용한 도구. 문법이 틀리면 밑줄이 그어져 있다.

Prettier

말그래도 프리티하게 바꿔주는 도구. 잘 활용하면 ESLint와 시너지를 낼 수 있다. 나한테 없어서는 안될 도구.

Guides

코딩이 길어지다 보면 어디가 어디까지인지 헷갈릴때가 많은데 얘가 있음으로 너무 유용하다.

Korean Language Pack

한국어 쓰고 싶을때

Live HTML Previewer

html 코딩할때 실시간으로 코딩 확인할 수 있는 기능. 너무 유용하다.

1. 설치 후 ctrl+shift+p
2. show side preview

Markdown Preview Enhancer

마크다운 작성할때 내가 작성한 코드가 어떻게 구성되는지 실시간으로 확인할 수 있다.

1. 설치 후 ctrl+shift+p
2. Markdown Preview 선택