[HTML] 태그 단축키(emmet)

[HTML] 태그 단축키(emmet)

Visual Studio Code 에서, 

 

[file] -> [preference] -> [settings] -> "emmet" 검색 후 체크 

 

 

tml이나 css등을 작성할때 시간을 단축시켜주는 확장 플러그인이다.

vscode에는 기본적으로 적용되어 있으니 사용해보자.

! + tab 키를 누르면 기본 폼이 만들어진다. 

link + tab 키를 누르면 스타일시트 코드가 완성된다. 

div.c + tab => <div class='c'></div>

li*3 = <li></li><li></li><li></li>

div>span + tab => <div><span></div></span>