VSC 확장팩 추천

1. Live Server

코드 변경 후 저장하면 자동으로 브라우저 새로고침 해줌

'Open with Live Server'로 브라우저 접속

 

vsc 내 코드 입력 후 저장 -> 바로 자동 새로고침

 

+ live server 종료하고 싶을 때

vsc 맨 하단의 우측에 'port' 부분 클릭

 

2. Auto Close Tag

HTML/XML에서 종료 태그 자동 입력

3. Bracket Select

alt + a

위 단축키로 마우스 없이 괄호 안 문자열 선택 가능

 

4. Bracket Peek

태그, 중괄호 -> 어느 코드 중괄호인지 상단에 미리보기 띄워줌

 

5. Bracket Pair Colorizer

괄호마다 색깔 입혀줌 -> 구분하기 편함

 

6. colorize

색상 코드 문자에 색깔 입혀줌 -> 알아보기 쉽게

 

(참고)

https://inpa.tistory.com/entry/VS-Code-%E2%8F%B1%EF%B8%8F-%EC%BD%94%EB%94%A9%EC%97%90-%EC%9C%A0%EC%9A%A9%ED%95%9C-%EB%8F%84%EA%B5%AC-%EC%B6%94%EC%B2%9C