TL;DR

VScode를 다시 넣을 기회가 있기 때문에 실제로 사용하는 확장 기능과 추천하는 확장 기능을 열거해 보았습니다

js학과가 설정 중이어서 미게재

언제 그 2를 쓸 예정인가

권장 확장 기능 요약

Auto Close Tag

HTML/XML의 끝 태그를 삽입합니다.
(시작 태그의 > 을 입력할 때 끝 태그를 삽입합니다.)
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

Auto Rename Tag

쌍으로 표시된 HTML/XML의 레이블 변경 사항을 반영합니다.
시작, 끝 중 하나만 수정하면 되기 때문에 시간 낭비를 줄일 수 있다.
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Bracket Pair Colorizer2

쌍으로 묶인 괄호를 자동으로 음영처리합니다.
물론 기본 색이 싫으면 좋아하는 색으로 바꿀 수 있다.
(현재는 베타 버전이지만 필자 환경에서는 문제가 없다.)
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

Color Highlight

CSS의 컬러 코드에 색을 칠합니다.
색상 표시 방법은 외부 상자, 배경 등 여러 가지 형식으로 설정할 수 있습니다.
https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

Color Info

색상 코드에 커서를 놓으면 다양한 색상 정보가 표시됩니다.
ColorHighlight를 사용하여 색상을 칠한 후 자세한 내용을 보려면 ColorInfo를 사용합니다.

https://marketplace.visualstudio.com/items?itemName=bierner.color-info

CSS Peek

HTML/CSS의 Class 및 ID가 정의된 위치를 확인할 수 있습니다.
전체 파일에서 검색하는 사람에게 추천합니다.
https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

Image preview

CSS와 같이 작성된 이미지 경로에 커서를 맞추면 이미지의 미리보기가 표시됩니다.
나는 다른 라벨에 하나하나 열 필요가 없어서 매우 기쁘다.
https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview

indent-rainbow

들여쓰기를 무지개로 장식하다.

https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

Japanese Word Handler

일본어의 경우 기본적으로 상당히 빈약한 단어의 이동이 크게 개선된다.
https://marketplace.visualstudio.com/items?itemName=sgryjp.japanese-word-handler#review-details

Markdown All in One

Markdown으로 쓰고 싶은 사람부터 설치하세요.
MD 편집기의 성능이 비교적 떨어집니다.
https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one

Paste JSON as Code

JSON의 유형을 설정하고 지정된 언어에 적합한 정의 코드를 생성합니다.
https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype

주제

Pop Theme

필자가 추천한 주제.그 이름처럼 유행하는 색이지만 비교적 연한 색으로 설정되어 있어 쉽게 볼 수 있다.
https://marketplace.visualstudio.com/items?itemName=ArtisanByteCrafter.poptheme