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