Zen Coding出來很久一段時間了，鬼哥更是在分享時瀟灑的秀了一把，真是羨慕死人了。最近一直忙著搞需求，只有周末才有時間折騰一下，有點小郁悶~

Zen Coding中最吸引我的是html展開功能，一個輕量級的編輯器就夠了，鑒于此選擇了UltraEdit，用的是烈火漢化綠色版（綠色便攜版沒搞成功，貌似不支持），以下是配置方法：

下載UltraEdit Zen Coding.zip并解壓Zen HTML UltraEdit.js至UltraEdit目錄下的scripts目錄中 按快捷鍵Ctrl+Shift+Z調出腳本窗口，點擊添加按鈕選擇剛才解壓的HTML UltraEdit.js并設置快捷鍵（我設置的Ctrl+Enter），按確定保存即可

接下來測試一下，新建文件，敲入以下語句：

復制代碼代碼如下:
div.mod.mod1>div.inner>div.hd+div.bd>ul>li*10>a

之后按下Ctrl+Enter，馬上變成：

復制代碼代碼如下:
<div class="mod mod1">
<div class="inner">
<div class="hd"></div>
<div class="bd">
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
</div>
</div>

大功搞成！
Zen Coding的html書寫規則詳見Zen HTML Elements