VS Code 확장 프로그램

한국어팩

indent-rainbow

tab 영역을 컬러별로 다르게 표시하여 읽기 편하게 해줌

Auto Rename Tag

태그를 변경했을 때 닫는 태그의 이름도 같이 변경됨

CSS Peek

html 코드 중 ctrl + 클릭을 누르면 어떤 CSS가 적용되었는지 바로 확인할 수 있음

HTML to CSS autoaompltion

정의된 CSS가 html 어디에서 사용되었는지 쉽게 찾을 수 있음

HTML CSS Support

html 문서에서 css 자동 완성 기능을 제공함

LIve Server

우측 하단 go live를 누르면 새로고침 없이 코드가 바로 적용됨

Prettier

코드를 보기 편하게 만들어줌, 이후 아래와 동일하게 세팅