Emmet

Emmet(구 Zen coding)은 CSS 규칙을 기반으로 하여 HTML 작성을 좀 더 직관적이고 손쉽게 할 수 있게 해주는 플러그인이다.
다양한 에디터를 지원하고 있어서, 주요 에디터에서는 거의 사용이 가능하다.

<ul><li></li>…를 모두 작성하지 않고 ul>li*5 이런 식으로 작성한 후 단축키를 누르면 HTML을 자동으로 생성해준다.

단축키 (mac)

  • Dreamweaver : Cmd+E tab
  • Sublime text2 : tab

* 현재 (2016.09) 드림위버 CC에 emmet 익스텐션이 설치되지 않는 문제가 있음.
익스텐션을 설치하지 않아도 Dreamweaver 자체에서 이제 emmet 을 지원하는 것 같다…!


예시1

input

output


예시2

input

output

 

in Web Basic Tags: emmet