Zen Coding

2012.11.5 updated

emmet??? 뭐지? previously known as Zen Coding라고 되어 있는데, 이름이 변경된 건가?

이렇게 편리하게 HTML 코딩할 수 있는 방법이 있었다니. Sublime Text 2 에디터 플러그인, emacs zen-code-mode 모두 다 있다. 와우!!!

Sublime Text 2에서는 Package Control로 설치 가능, ZenCoding 으로 검색하면 됨. emacs에서는 pakcage-list-pakcage 에서 zencoding-mode 설치하면 됨.

emacs 설치

.emacs 파일에 아래 추가.

(require 'zencoding-mode)
(add-hook 'sgml-mode-hook 'zencoding-mode)

syntax를 확장할때는 zencoding-expand-line, 기본적으로 C-j와 <C-return>에 binding되어 있다.
zencoding-expand-line 실행하면 Zen preview 팝업이 뜨고, syntax를 변경하면 결과가 preview 영역에 바로 바로 반영되므로 좀 더 직관적으로 사용할 수 있다.

참고로, 현재 buffer에서 사용하고 있는 mode에 대한 정보는 C-h m으로 확인할 수 있다.

참고

• Zen coding
• Selectors and aliases for Zen HTML plugins
• How do I install Zen Coding for Sublime Text 2 Edit
• emacs zencoding mode
• mastering key binding in emacs
• Sublime Forum – Zen Coding
• Essential Sublime Text 2 Plugins and Extensions