[Emmet] Tools for web-developers

Emmet : (고어·방언) 개미(ant)

CSS 셀렉터와 비슷한 문법으로 HTML이나 CSS를 아주 빠르게(?) 작성할 수 있게 도와주는 Editor 플러그인이다. 

Emmet 에 대한 간단한 사용법은 다음과 같다. 

우선 해당 Editor 에서 ul#nav>li.items$=4>a{Item $} 라고 입력하겠다.

탭키를 누르면 다음과 같은 코드를 확인할 수 있다. 

지원하는 Editor 는 Eclipse 뿐만아니라 Notepad++ , TextMate, PSPad, CodeMirror 등 다양하고 JSFiddle, JS Bin 등의 온라인에서도 지원한다. 또한 WebStorm, Vim 등의 Third-party Editor 도 부분적으로 지원한다. 

자세한 내용은 아래의 링크를 참고하기 바란다. 

참고)

Emmet - http://emmet.io/

Emmet Documentation - http://docs.emmet.io/

Emmet Cheat sheet - http://docs.emmet.io/cheat-sheet/

Emmet Download - http://emmet.io/download/