Emmet(에밋) 마법 같은 타이핑
Emmet(에밋)은 HTML과 CSS를 작성할 때 마법 같은 축약어를 사용하여 타이핑 속도를 10배 이상 폭발적으로 향상시켜 주는 강력한 도구입니다. VS Code에는 이 기능이 아예 기본으로 내장되어 있습니다. 복잡하게 중첩된 태그 구조도 단 한 줄의 축약어로 순식간에 생성할 수 있습니다.
⚡ 업무 시간을 반으로 줄이는 Emmet 치트시트
!
HTML5의 기본 문서 뼈대(head, body 등)를 단숨에 1초 만에 자동 생성합니다.
.box
가장 흔하게 쓰는
<div class="box"></div> 코드를 바로 만들어 줍니다.ul>li*5
ul 부모 태그 안에 자식인 li 태그를 한 번에 5개 연속으로 생성합니다.a[href="#"]{클릭}
속성과 내부 텍스트가 모두 채워진
<a href="#">클릭</a> 링크를 완성합니다.💡 중요: 축약어를 입력한 뒤 마우스로 클릭하지 말고, 항상 키보드의 Tab 키나 Enter 키를 누르세요!