익스텐션
- Live Server
- Korean Language Pack for Visual Studio Code
- Prettier
Ctrl + ,콤마로 settings 창으로 이동
save 검색해서 format on save 체크
prettier 검색해서 Prettier:Tab Width를 2로 설정 - CSS Peek
Ctrl + 클래스나 아이디 클릭하면 정의된 CSS파일로 이동 - HTML CSS Support: CSS에 정의된 명칭을 HTML에서 자동완성으로 사용
- Auto Rename Tag: 여는태그 닫는태그 같이 이름 수정
단축키
- Alt + Shift + F : 선택영역 CSS 코드 정렬
- Alt + Shift + A : 선택영역 주석
- Ctrl + D : 동일텍스트 순차 선택
- Alt + 방향키 : 코드 한 줄 이동
- Alt + Shift + ↓ : 코드 한 줄 복사
- Alt + L 누르고 O : Live Server 실행
기능
- html:5 자동완성으로 HTML기본골격 만들
- 미리보기 : 작성창 우클릭 - Open with Live Server
'HTML과 CSS' 카테고리의 다른 글
| [소스코드 분석] 2주차 예제 (0) | 2023.05.02 |
|---|---|
| og 태그 (0) | 2023.04.21 |
| [Framework] 부트스트랩 (0) | 2023.04.14 |
| flex 박스 모델 (0) | 2023.04.14 |