Emmnt

코드를 자동으로 완성하는 기능을 해주는 플러그인이다.

HTML

div + tab

div .drawyourmind + tab

img + tab

CSS

bc + tab : background-color

w: 200px + tab : width: 200px

tab키를 이용해 사용하면 코드를 자동 완성해주는 기능으로 유용하게 사용할 수 있다.

Emmet은 CSS 선택자를 활용해 사용하는 기능이다. * 기호는 곱하기, { }는 내용을 삽입, $는 순서대로 숫자 입력을 의미한다.

이와 같은 CSS 선택자 외 나머지 내용은 모두 Emmet에서만 지원이 기능이다.