Zen Coding Visual Studio plugin 配置
昨天在新闻频道看到 编程之禅: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添加外接程序,但是不幸,报错 “未知错误!”,郁闷,但是花点时间“研究”了一下,居然成功了!
具体步骤:
- 下载那个过时的外接程序并安装,地址:DOWNLOAD ADD-IN
- 下载新的外接程序的源代码(也只有源代码),并编译。
- 编译好以后再bin\Debug 目录下 你会发现 它的文件结构和那个过时的程序的安装文件目录结构是一样。你只需要把bin\Debug下的文件全部覆盖到那个过时的外接程序的安装目录下就Ok了!!
推荐阅读:1.Zen Coding: 一种快速编写HTML/CSS代码的方法
2.Zen Coding – a very fast way of generating (HTML) elements in your editor!