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

깔고 html 에서 class='' 부분에서 F12를 누르거나, Mac 기준 command + 클릭, Window 기준 control + 클릭 

 

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

이렇게 오른쪽 스크롤바쪽에서 맨날 자리 잡아먹는 짜증나는 놈. 

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

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

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

Enabled 끄면 됩니당