Zen Coding中最吸引我的是html展开功能，一个轻量级的编辑器就够了，鉴于此选择了UltraEdit，用的是烈火汉化绿色版（绿色便携版没搞成功，貌似不支持），以下是配置方法：

1. 下载UltraEdit Zen Coding.zip并解压Zen HTML UltraEdit.js至UltraEdit目录下的scripts目录中
2. 按快捷键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

评论 (0) All

登陆 还没注册？