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