비쥬얼스튜디오 코드에서 Emmet(에밋, 코드 자동완) 사용

Emmet은 Visual Studio Code에서 HTML/CSS 작성시 빠른 코딩을 지원하는 플러그인

---

꺾쇠괄호를 이용하여 자식태그 자동생성

(우측 Emmet Abbreviation창에 완성 될 코드를 미리볼 수 있다. Tab키로 자동완성)

 

 

---

 

 

 

 

플러스(+)를 이용하여 병렬태그 만들기

---

 

 

 

 

곱하기(*)태그를 이용하여 태그반복

---

 

 

 

 

CSS에서 클래스선택자 사용하는방식과 같이 클래스명 지정

(#을 이용하여 id로 지정가능)

---

 

 

 

 

달러($)를 이용하여 class혹은 id 순차증가