vscode 프론트앤드 개꿀 플러그인 모음

비주얼스튜디오로 html, css, js 작성시 개굴인 플러그인들을 소개해보려 합니다

 

1. Material Icon Theme

이거 설치하면 파일을 확장자별로 정리해서 보여줍니다. js, ts, html, css 마다 다른 아이콘으로 보여줍니다. 상세한거는 프로젝트 내용 땜시 json만

 

2. Auto Rename Tag

: <h1> ZZZZ </h1> 여기서 앞의 h1 에서 h2 로 바꾸면 클로징 태크도 같이 변경됩니다. </h2>로

 

3. CSS Peek

 

4. indent-rainbow 

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

indent-rainbow - Visual Studio MarketplaceExtension for Visual Studio Code - Makes indentation easier to readmarketplace.visualstudio.com

 

줄에 따라 색을 다르게 보여줘서 해당 태그가 어디까지인지 시각적으로 직관적이게 바로 보여줌

 

 

 

마지막으로 , 비주얼스튜디오에서 화면 분할해서 쓰실 때에, 가끔 짜증나는 놈이 있죠..

요놈을 없애볼랍니다. minimap 이라고 부르더군요..

Mac 기준 comand + , 하면 설정이 열리죠. 아니면 비주얼스튜디오에서 파일 - 기본설정 - 설정 가면 됩니다

여기서 minimap 이라고 검색을 합니다

Enabled 끄면 됩니당