在UlrtraEdit中配置Zen Coding

Zen Coding出来很久一段时间了，鬼哥更是在分享时潇洒的秀了一把，真是羡慕死人了。最近一直忙着搞需求，只有周末才有时间折腾一下，有点小郁闷~

• Aptana配置方法及详细介绍可以看前端观察翻译的Zen Coding: 一种快速编写HTML/CSS代码的方法，配置起来有些麻烦，每个项目要导入一遍，另外虽然Aptana功能很强大，JQ/YUI等智能感知也很爽，不过有些慢
• Editplus配置方法见zen code for EditPlus，缺点是zen coding之前要先选中代码段，麻烦，另外在EP中的Consolas字体显示也很差劲
• Dreamwear配置方法见zen coding的dreamweaver插件安装教程，额，自从告别ASP后就没用过DW了
• Visual Studio 2008配置方法见[Tool]Zen-coding : Set of plugins for HTML and CSS hi-speed coding，这个很合我意，不过VS太过庞大，哪天系统崩溃时来个紧急需求，安装起来也要半天
• Vim的见在Vim里玩Zen Coding，Vim还木有用过，out了

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