![[VSCode] Extension](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fb451DR%2FbtrNOfwvk3Z%2FAAAAAAAAAAAAAAAAAAAAAMpQ7SAs2Xd6j8nS2x4yNYplM_8BxMeRJs2DqGW-K_kY%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DUfK55Z1Xu0KOky47dFRuZxIItG8%253D)
앞으로 사용하면서 유용한 플러그인들은 여기에 추가 예정이다.
DotEnv
환경변수 설정파일인 .env 파일에 구문강조 해줌
VSCode에서 그냥 .env 파일 보면 그냥 단색의 글씨로 볼 때 헷갈리는데 적용하니 유용하다.
https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv
DotENV - Visual Studio Marketplace
Extension for Visual Studio Code - Support for dotenv file syntax
marketplace.visualstudio.com
Error Lens
코드 에러가 있을 때 잡아준다.
https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens
Error Lens - Visual Studio Marketplace
Extension for Visual Studio Code - Improve highlighting of errors, warnings and other language diagnostics.
marketplace.visualstudio.com
Auto Rename Tag
태그 이름 수정 시 닫는 태그까지 이름을 동시에 수정해준다.
리액트에서 컴포넌트명 수정할 때 아주 유용할 듯.
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
Auto Rename Tag - Visual Studio Marketplace
Extension for Visual Studio Code - Auto rename paired HTML/XML tag
marketplace.visualstudio.com
SCSS Everywhere
CSS 및 SCSS Class를 자동 완성해 주는 기능이다.
https://marketplace.visualstudio.com/items?itemName=gencer.html-slim-scss-css-class-completion
SCSS Everywhere - Visual Studio Marketplace
Extension for Visual Studio Code - '.class' and '#id' completion for HTML, Svelte, Latte, Slim, Liquid, TSX/JSX, Haml, Elixir, Smarty, PHP, ERB, Javascript, CSS and SCSS. Just declare class in your template or CSS/SCSS and see it in everywhere. (Both direc
marketplace.visualstudio.com
'TOOL' 카테고리의 다른 글
| [Eclipse] 이클립스 Open Resource target 하위 검색 제외 시키는 법(class 파일 제외하기) - Resource Filters / Select Working Sets (0) | 2022.11.22 |
|---|---|
| [Eclipse] 이클립스 우클릭 New 메뉴 구성 커스텀하기 (Customize Perspective) (0) | 2022.11.17 |