고군분투

[VS code 확장팩] CSS Peek - css적용 쉽게 하기

2022. 10. 8. 01:04

 

html이랑 CSS랑 왔다갔다 하면서 수정하기 너무 힘들었는데!

창 분할하고 하나씩 띄워놓고 선택자 찾는게 최선인줄 알았는데!

이런 확장팩도 있었다.ㅎㅎㅎ 왜 이제알았지

 

CSS Peek

 

사용방법

선택자를 통해서 해당 CSS속성으로 바로 이동할 수 있다.

 

단축키

- ctrl + 선택자클릭 ( = F12) : css파일이 탭에 열리고 해당 선택자의 속성으로 이동됨

- ctrl + 마우스오버 : 해당 선택자에 적용한 css속성을 말풍선으로 볼 수 있다.

 

- alt + F12 : 인라인으로 css속성 띄우기(편집가능)  & (Eec 버튼으로 나가기)

 

이제 css에서 폭풍 스크롤 안해도 될듯