emmetを使おう!

いやぁ、emmet 便利です! emmetは、zen-condingの後継プロジェクトのようで、zen-codingでは面倒だった1階層上の記述などが簡単に記述できるようになっているようです。

emmetは各種エディタのプラグインとして提供されているのでインストールしてみてください。

http://www.emmet.io/download/

div#contents>ul>li*3

とかいて tab すると、

<div id="contents">
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</div>

こんな感じに展開してくれます。

Atomにインストールするには、 apm install emmet とするとインストールされますね (｀・ω・´)

atom.io