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 SetsComment都写着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!

posted @ 2010-05-04 21:55  MicroCoder  阅读(1129)  评论(1编辑  收藏  举报