비주얼스튜디오코드 익스텐션 초기 세팅

1. Live Server

저장(ctrl+s)하면 미리보기 창 자동 새로고침

 

-Live Server 실행법 : Alt+L 후 Alt+O

(marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)

 

2. Bracket Pair Colorizer 2

괄호 색상 변경

(marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2)

 

3. Lorem ipsum 

랜덤 문자열 출력

(marketplace.visualstudio.com/items?itemName=Tyriar.lorem-ipsum)

 

4. CSS peak

해당 CSS로 이동

(marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek)

 

5. tag-rename

<div></div> → <span></span>

오픈태그 클로즈태그 이름 중 하나만 수정해서 동시에 바꾸기

(marketplace.visualstudio.com/items?itemName=krizzdewizz.tag-rename)

 

6. HTML to CSS autocompletion

작성된 HTML 문서 기반으로 CSS 태그명 자동완성

(marketplace.visualstudio.com/items?itemName=solnurkarim.html-to-css-autocompletion)

 

7. HTML CSS support

작성된 CSS 문서 기반으로 HTML 태그명 자동완성

(marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css)

 

8. HTML 컬러 테마

Obsidian Dark

(https://marketplace.visualstudio.com/items?itemName=Hamza-Aziane.obsidian-dark)