Zen Coding: 一种快速编写HTML/CSS代码[译]（5）
作者：神采飞扬 来源：前端观察 发布时间：2009-12-16 12:53:00
总结
很多尝试过Zen Coding的人都说它改变了他们写页面的方式。当然还有很多事情要做，还有很多的编辑器需要被支持以及一些文档要写。请浏览现在的文档 以及源代码以寻找你的问题的答案。希望你喜欢Zen Coding!
附：Zen coding的具体用法
遗憾的是， 本文原作者并没有说明zen coding的具体用法，神飞认为有必要做以下简要的说明。这里就以Aptana/Eclipse和Dreamweaver为例，其它编辑器平台暂不描述，如有疑问可以在评论中与前端观察的网友交流。
Aptana/Eclipse
由于Aptana本身就是基于Eclipse的，所以，Zen Coding也是支持Eclipse的，只是需要一个EclipseMonkey插件的支持，Aptana已经封装了这个插件，所以如果你使用Aptana，下面的第一步可以跳过。
通过更新网站安装EclipseMonkey: http://download.eclipse.org/technology/dash/update(如果你使用Aptana，可跳过这一步)
在你的当前工作去创建一个顶级的项目，给它命名，比如，就叫zencoding
在新创建的项目中创建scripts文件夹
解压缩下载的ZIP插件包到该文件夹。项目结构看起来就像这样:
安装之后，Aptana的菜单栏中的“脚本(Script)”菜单中将会出现Zen coding相关子菜单
注意事项：
Aptana版的官方插件是基于MAC机的，如果你用的是Windows，需要手动更改快捷键(在每个文件头部的注释片段中更改)
官方的文件编码有点儿乱，修改官方js的时候，请注意编码问题，修改不当会造成相关功能的丢失；
DreamWeaver
好消息是，现在已经有了Zen coding for DreamWeaver插件，坏消息是，该插件支持的功能很少，只支持展开缩写功能。而且默认的快捷键是无效的。只能在“命令”菜单中点击操作。另外，没有测试该插件是不是只支持CS4版本。不过比较好的是，作者将本插件的源码也放出了，你可以自定义一个Dreamweaver的插件。
事实上，官方的DW插件在Windows下有点儿bug，就是会出现空白的行，我简单的修正了下，重新编译了个包，在本机测试没问题，感兴趣的童鞋可以下载尝试：http://www.boxcn.net/shared/c71z7×7sfe
原作者介绍：
Sergey Chikuyonok是一位俄罗斯的前端开发工程师和作者，他在优化方面有很大的热情：从图片、JavaScript效果到工作流程和节省时间的编码。访问他的主页和他的Twitter。
0
投稿猜你喜欢
- 1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个
- 阅读上一篇：浏览器中的内存泄露 4.内存泄露的解决方案显式类型转换 首先说说最容易处理的情况 对于类型转换造成的错误，我们可以通过显式类型转
- mysql -uusername -pyourpassword yourdatabasename < c:\sqlfile.sql其中
- 我们可以用鼠标把Dreamweaver的层在页面内拖动，但要全屏拖动就困难了,下面是一种实现的方法:制作步骤：一、准备图片，取名/file/
- 在现代LOGO设计当中，叶子的形状被视做好的创意。或者说，是一种变革的想法。在网页中他们大多被用于轻量级的解决方案、干净的不抽像的设计。在实
- 在计算机中数据有两种特征：类型和长度。所谓数据类型就是以数据的表现方式和存储方式来划分的数据的种类。在SQL Server 中每个变量、参数
- 虽然ting88没有注册的用户不能下载歌曲,但搞定它也非难事啊:)进入www.ting88.com的网站,把歌手专辑页面的URL复制到文本框
- photoshop快捷键大全: 工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取)相关文章：网页设计软件FrontPag
- 写ASP程序时，一般情况总是使用的VBScript，不过也不只是这一种选择，也可以用JScript。但在用JScript作为ASP的语言时，
- 使用MySQL，安全问题不能不注意。以下是MySQL提示的23个注意事项：1.如果客户端和服务器端的连接需要跨越并通过不可信任的网络，那么就
- 一定要对用户可能输入的诸如引号，尖括号等特殊字符给予足够重视，它们可能引发严重的安全问题。SQL注入的基本手法之一，就是利用对单引号未加过滤
- 大家都知道，在SQL脚本中设置多字段做关键字相对比较简单，例：primary key(id1,id2) ,但用脚本建数据库就比较麻烦了。那么
- 相关验证码文章：asp制作验证码的方法 轩魂ASP中文验证码下载 先产生一个4位数的随机码源代码：ychar="0,1,2,3,4
- Dreamweaver快捷键大全，记住一些常用的快捷键会大大提高你的网页设计效率，如果你都使用快捷键，那么如果你去面试工作就容易被录取，呵呵
- 与前面一样我们会用fso来对文件或文件夹进行创建与删除操作了,其实fso有强大的功能但非常危险的哦,下面我们不来看看删除实例吧,在这些例子，
- 在开发和调试基于XML的应用的时候，程序员往往为找不到合适的快速桌面XPATH测试软件发愁。诚然，市面上有成套的XML编辑软件，但是它们往往
- 1. 什么是XSLT 大家可能听说过XSL(eXtensible Stylesheet Language)，XSL和我们这里说的XSLT从狭
- 继续Mootools常用方法扩展，依然还是String类的扩展。方法：format说明：一个非常简单的format方法，和C#
- 对于比较长的数字组成的字符串，我们一般会用逗号（,）隔开来格式化数字，从右往左每三个数字用一个逗号分组隔开。为什么要用逗号隔开数字呢？因为当
- 似乎讨论分页的人很少，难道大家都沉迷于limit m,n?在有索引的情况下，limit m,n速度足够，可是在复杂条件搜索时，where s
