엘리님이 추천하는 10 extensions 정리
- Material Theme: change the theme color
- Material Icon Theme: 아이콘이 좀 더 생동감 있게 표현됨.
- Prettier- Code formatter -> setting창에 prettier quote검색했을 때 똑같이 안 떠서 설정하는 것까진 못함.
- Bracket Pair Colorizer - 가독성
- Indent Rainbow - 가독성
- Auto Rename Tag - html을 편집 시 태그명을 바꿀 때 유용
- CSS Peek - html에서 CSS를 빨리 찾을 수 있도록 도와줌 ctrl을 누른 상태로 해당 인자를 클릭하면 css파일로 넘어가는 것을 볼 수 있음.
- HTML CSS Support - html에서 css자동완성(?)
- Live Server - html변경사항 자동 업데이트 - open with live server 팔레트에 검색.
- Markdown Preview - 설치할 필요는 없음. -> markdown으로 작성할 때 어떻게 보이는지 알고 싶으면 팔레트에 markdown open preview를 쳐서 적용시키면 됨.
- HTML to CSS autocompletion - css파일에서 html에 정의된 class이름을 자동 완성 시켜주는 역할
ctrl + , : setting창으로 이동
ctrl + shift + p: 팔레트
간단하게 html/css 동작을 확인해볼 수 있는 사이트
'Front' 카테고리의 다른 글
| 웹 공부할 때 유용한 사이트 정리 (0) | 2021.07.05 |
|---|