Zen Coding是一款在国外备受欢迎的,应用在Dreamweaver下的快速编辑器插件。
毫不夸张的说,在您熟悉了使用方法之后它可以使您的网页代码编辑效率获得飞跃性的提升,只需要输入一整行代码的几个缩略字符就会自动生成整行代码,便于用户专注于网页架构设计,也避免了网页代码输入出错的低级错误,下载包内包含缩略符的说明。
举一个复杂的例子:zen-coding 可以把这样的代码:
div#header>ul.navigation>li*4>a
转换转换成下面的HTML 代码:
<div id=”header”>
<ul class=”navigation”>
<li><a href=”"></a></li>
<li><a href=”"></a></li>
<li><a href=”"></a></li>
<li><a href=”"></a></li>
</ul>
</div>
会CSS的朋友一定会注意到其精华所在就是“li*4”自动生成了四行代码。
如果你用 NetBeans、SlickEdit、Sublime、TextMate、TopStyle、UltraEdit、WebIDE and IntelliJ IDEA、Dreamweaver、Aptana 都可以在官方下载页面找到相关的插件。