[VS Code] Emmet 사용법

Emmet이란?

HTML과 CSS의 작성 시간을 대폭 단축시켜주는 확장기능으로 데이터 입력 후 Tab을 눌러주면 끝이다.

---

문서 템플릿 : !

[문서 템플릿 : !]

[문서 템플릿 : !]

---

CSS : link

[CSS : link]

[CSS : link]

---

Script : script

[Script : script]

[Script : script]

---

자식 : >

[자식 : >]

[자식 : >]

---

형제 : +

[형제 : +]

[형제 : +]

---

부모 : ^

[부모 : ^]

[부모 : ^]

---

반복 : *

[반복 : *]

[반복 : *]

---

그룹 : ( )

[그룹 : ( )]

[그룹 : ( )]

---

아이디 : #

[아이디 : #]

[아이디 : #]

---

클래스 : .

[클래스 : .]

[클래스 : .]

---

문자열 : { }

[문자열 : { }]

[문자열 : { }]

---

넘버링 부여 : {$}*

[넘버링 부여 : {$}*]

[넘버링 부여 : {$}*]

---

height, width

[height, width]

[height, width]

---

margin, padding

[margin, padding]

[margin, padding]

---

VS Code List

VS Code List

---

  

기회는 준비된 자에게 찾아온다.

 

---