昨天在新闻频道看到 编程之禅：Zen Coding  很有意思   改变书写Html的方式  就像Jquery与Javascript一样，Zen Coding 项目托管在 google code 上面     Zen Coding — a new way of writing HTML and CSS code

Zen Coding官方并不支持Visual Studio，但是有第三方（个人）支持。这篇（Zen Coding – a very fast way of generating (HTML) elements in your editor!）文章中作者详细介绍了Zen Coding在vs中的配置和使用，但是不幸的是作者在文中使用到的ZenCoding Visual Studio AddIn 是已经“过时”的AddIn，

该插件的作者在文中说明：“4 Feb 2010: I’m no longer working on this addin and cannot provide support for failed installations，but Boris Sevo has forked the project and has a version with a newer zencoding library at http://zencoding.codeplex.com/. So go there for updates”

ZenCoding Visual Studio AddIn 过时只要是不支持：

• Custom attributes: div[title], a[title="Hello world" rel], td[colspan=2]

• Abbreviation groups with unlimited nesting: div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer. You can literally write a full document markup with just a single line.
• Filters support

根据文中的说明，最新的插件托管在codeplex（http://zencoding.codeplex.com/）上面，但是进入项目主页之后没有推荐版本下载，进入项目的Downloads页面也没有任何下载链接之后在项目的Source Code页面看到了下载链接，前五个Change Sets的Comment都写着Ignore updated，好吧，按就现在最后一个，也就是 Initial commit那个，下载下来之后就是源代码了，一时还摸不到头脑怎么弄呢，因为他并没有像这个插件ZenCoding Visual Studio AddIn一样提供一个安装文件。开始我通过vs添加外接程序，但是不幸，报错 “未知错误！”，郁闷，但是花点时间“研究”了一下，居然成功了！

具体步骤：

1. 下载那个过时的外接程序并安装，地址：DOWNLOAD ADD-IN
2. 下载新的外接程序的源代码（也只有源代码），并编译。
3. 编译好以后再bin\Debug 目录下 你会发现 它的文件结构和那个过时的程序的安装文件目录结构是一样。你只需要把bin\Debug下的文件全部覆盖到那个过时的外接程序的安装目录下就Ok了！！

推荐阅读：1.Zen Coding: 一种快速编写HTML/CSS代码的方法

2.Zen Coding – a very fast way of generating (HTML) elements in your editor!