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으로 확인할 수 있다.


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>