VS code 개발을 위한 좋은 익스텐션

나중에 개발환경 세팅할 때도 필요할 것 같아 유튜브 보고 정리를 해둔다.
출처: 비쥬얼 스튜디오 코드 설치 및 웹개발을 위한 필수 익스텐션 10개 추천

익스텐션 설치를 위해 왼쪽 하단의 아이콘(마켓 플레이스)를 클릭하고 검색에 아래의 익스텐션들을 입력해 설치하면 된다.

Material Theme

테마를 지정한다.

Marterial Icon Theme

아이콘 테마, 아이콘이 조금 더 생동감 있게 바뀐다.

Preitter - Code formatter

코드 포멧팅
ctrl + 눌러서 setting 창으로 이동한다.

Bracket Pari Colorizer

괄호마다 코드에 색깔을 다르게 준다.

Indent-rainbow

들여쓰기 된 부분을 레인보우로 하이라이트 표시한다.
코드 읽을 때 도와준다.

Auto Rename Tag

앞에 태그를 바꾸면 뒤에 태그를 자동으로 바꿔준다.

CSS Peek

html에서 css를 금방 찾게해준다.
html에서 커맨드나 컨트롤키를 누른 상태로 클릭하면 관련 css파일로 이동한다.

HTML CSS Support

html에서 css의 자동완성을 이용할 수 있게 한다.

Live Server

html이나 css 수정 시 브라우저창에 새로고침하는 것을 없애준다.
커맨드 팔렛트에 > live Server: Open with Live Server 입력하고 숏컷키 후 실행한다.