본문 바로가기

Python_Beginer/VSCODE

[VSCODE]12 Recommended Expansion Packs

Auto Rename Tag
HTML / XML 태그의 이름을 자동으로 수정

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

 

Auto Rename Tag - Visual Studio Marketplace

OverviewQ & ARating & Review Auto Rename Tag Automatically rename paired HTML/XML tag, same as Visual Studio IDE does. !! Notice !! The extension may have performance issue, especially when editing a large file. Please notice this potential problem before

marketplace.visualstudio.com

Bracket Pair Colorizer
괄호에 짝을 맞추어 다르게 표시하여 직관적으로 괄호의 범위를 표현

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

 

Bracket Pair Colorizer - Visual Studio Marketplace

OverviewQ & ARating & Review Bracket Pair Colorizer This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use. Screenshot: Features User defined matching characters By def

marketplace.visualstudio.com

Color Highlight
코드에 있는 색상 코드에 실제 해당 색상을 표시.

https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

 

Color Highlight - Visual Studio Marketplace

OverviewQ & ARating & Review This extension styles css/web colors found in your document. Install In VSC press Ctrl+Shift+P (Cmd+Shift+P on Mac) then type ">ext install", hit enter, search "Color Highlight". Still confused? Click "Get Started" above. Quest

marketplace.visualstudio.com

 

HTML CSS Support
HTML에서 CSS 지원을 해준다. 하이라이팅과 코드 제안을 얻는데 좋다.

https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css

 

HTML CSS Support - Visual Studio Marketplace

OverviewQ & ARating & Review Visual Studio Code CSS Support for HTML Documents Missing CSS support for HTML documents. Features Class attribute completion. Id attribute completion. Supports Zen Coding completion for class and id attributes. Scans workspace

marketplace.visualstudio.com

HTML Snippets
HTML 작성 시간 단축. 코드 스니펫.

https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets

 

HTML Snippets - Visual Studio Marketplace

OverviewQ & ARating & Review README Visual Studio Code HTML Snippets DISABLING THIS EXTENSION AS IT CURRENTLY CONFLICTS WTH EXISTING VS CODE HTML EXTENSION This extension adds rich language support for the HTML Markup to VS Code, including: Full HTML5 Tags

marketplace.visualstudio.com

 

IntelliSense for CSS class names in HTML

작업 중인 디렉토리의 CSS 파일을 미리 로드에서 CSS 클래스를 자동 완성.

https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

 

IntelliSense for CSS class names in HTML - Visual Studio Marketplace

OverviewQ & ARating & Review IntelliSense for CSS class names in HTML A Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through

marketplace.visualstudio.com

 

LiveSever

간이 로컬 서버 작동. 웹 개발시 편함.

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

 

Live Server - Visual Studio Marketplace

OverviewQ & ARating & Review [I'm sorry but I'm super busy now. If you want to be a maintainer of the project, please feel free to contact me! You've to be passionate about programming] Live Server Live Server loves 💘 your multi-root workspace Live Server

marketplace.visualstudio.com

 

Prettier - Code fromatter

코드 자동 정렬기능.

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

 

Prettier - Code formatter - Visual Studio Marketplace

Prettier Formatter for Visual Studio Code Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary. Jav

marketplace.visualstudio.com

 

WakaTime

프로젝트 시간 측정 / 코드 시간 측정 / 언어 측정 등 측정 도구.

https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime

 

WakaTime - Visual Studio Marketplace

OverviewQ & ARating & Review WakaTime for Visual Studio Code Metrics, insights, and time tracking automatically generated from your programming activity. Installation Press F1 or ⌘ + Shift + P and type install. Pick Extensions: Install Extension. Type waka

marketplace.visualstudio.com

 

Vscode-icons

확장자의 따라 파일 아이콘 변경 / 파일의 종류 한눈에 들어옴.

https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

 

vscode-icons - Visual Studio Marketplace

OverviewQ & ARating & Review vscode-icons Bring icons to your Visual Studio Code (minimum supported version: 1.26.1) Installation To install the extension just execute the following command: ext install vscode-icons Some people have reported that they cann

marketplace.visualstudio.com

 

GitLens

커밋 단위로 파일 비교 / 마지막 커밋 내용 보기 등 편한 기능을 제공

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

 

GitLens — Git supercharged - Visual Studio Marketplace

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful co

marketplace.visualstudio.com

 

Git History

Git Log 확인

https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

 

Git History - Visual Studio Marketplace

OverviewQ & ARating & Review Git History, Search and More (including git log) View and search git log along with the graph and details. View a previous copy of the file. View and search the history View the history of one or all branches (git log) View the

marketplace.visualstudio.com