VSCode(Visual Studio Code) Extention 추천

VSCode 에 확장하여 활용하면 좋은 Extention   추천!

 

1. Auto Rename Tag

- 태그 변경 시 자동 수정

• 하나의 HTML / XML 태그 이름을 바꾸면 쌍을 이루는 HTML / XML 태그의 이름이 자동으로 바뀝니다.

- 참고 : marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Auto Rename Tag - Visual Studio Marketplace

2. Bracket Pair Colorizer

- 일치하는 괄호를 색상으로 식별

 

출처 : https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

 

 

Bracket Pair Colorizer - Visual Studio Marketplace

3. Indent-RainBow 

- 텍스트 앞의 들여 쓰기를 색상 화하며,  일부는 Nim 또는 Python 용 코드를 작성하는 데 도움을 줌

 

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

 

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

indent-rainbow - Visual Studio Marketplace

 

4. CSS Peek

- 선택자의  CSS 추적 가능 

• Peek : CSS 파일을 인라인으로로드하고 바로 편집 할 수 있습니다. ( Ctrl+Shift+F12)
• 이동 : CSS 파일로 직접 이동하거나 새 편집기에서 엽니 다 ( F12).
• 마우스 오버 : 기호 ( Ctrl+hover) 위에 마우스 오버하면 정의를 표시합니다.

출처 : marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

CSS Peek - Visual Studio Marketplace

5. Live Server

- 정적 및 동적 페이지에 대한 실시간 로드 기능

출처 : marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Live Server - Visual Studio Marketplace

6. HTML to CSS AutoCompletion

- class/id 등 정의된 선택자를 HTML / CSS 에서 자동완성 하는 기능 

출처 : marketplace.visualstudio.com/items?itemName=solnurkarim.html-to-css-autocompletion

HTML to CSS autocompletion - Visual Studio Marketplace