엘리 - 비쥬얼 스튜디오 추천 익스텐션 10개+1+1개

Material Theme - 눈에 편안한 색상을 지정한다.

Material Icon Theme - 아이콘을 좀더 다양하게 보여준다.

Prettier - Code formatter - 좀더 자동으로 포맷을 지원해준다.

Bracket Pair Colorizer - 괄호의 색상을 다르게 지정해주어서 구분을 쉽게 해준다.

Indent Rainbow - 탭에 구분을 해준다.

Auto Rename Tag - 앞의 태그를 바꾸면 뒷 태그도 자동으로 바꿔준다.

CSS Peek - Css 파일을 찾아 주는 기능

HTML CSS Support - 자동완성기능

Live Server - 자동으로 저장된 코드를 갱신 해주는 기능

Markdown Preview - 작성한 md 파일이 어떻게 하면에 출력되는 지 확인 할 수 있다.

 

Emmet - 자동으로 html을 설정 해주는 플러그인

HTML to CSS autocompletion - css에서 html에서 해당 하는 class나 id, 값을 자동찾아준다.

 

 

jsbin.com

jsfiddle.net

codesandbox.io

 

출처 : https://www.youtube.com/watch?v=bS9yTI2fC0w&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=11&t=602s