快捷键

• Ctrl+,
  展开缩写
• Ctrl+M
  匹配对
• Ctrl+H
  使用缩写包括
• Shift+Ctrl+M
  合并行
• Ctrl+Shift+?
  上一个编辑点
• Ctrl+Shift+?
  下一个编辑点
• Ctrl+Shift+?
  定位匹配对

这些快捷键是可以自定义的。

在线演示

你已经学到很多关于Zen Coding如何工作以及它是如何使你的编码更容易了。现在为什么不自己尝试一下呢？因为Zen Coding是用纯JavaScript开发并迁移到Python，它甚至可以用于浏览器内部，这令它成为引入到CMS的首选。

• Demo (使用 Ctrl + , 展开缩写，需要JavaScript支持)
• 中文版演示

支持的编辑器

Zen Coding并不依赖某个特定的编辑器。它是一个只处理文本的出色的组件：它获取文本、做一些处理并放回新的文本(或索引，用于标签匹配)。Zen Coding由JavaScript和Python编写，所以它实际上可以运行于任何平台。在Windows，你可以运行JavaScript版本，而Mac和Linux 分支可以使用Python版。

如果让你的编辑器支持Zen Coding，你需要写一个特定的可以在你的编辑器和Zen Coding之间转换数据的插件。问题是一个编辑器可能不会完整的支持Zen Coding因为它本身的插件系统。比如，TextMate 通过使用脚本输出替换当前行很容的就支持了“展开缩写”功能，但是它不能处理标签对匹配因为没有标准的方法请求TextMate来选择内容。

完全支持

• Aptana (跨平台);
• Coda, via TEA for Coda (Mac);
• Espresso, via TEA for Espresso (Mac);

部分支持(只支持“展开缩写”)

• TextMate (只能用于Mac机,Windows可以使用E-text编辑器替代);
• TopStyle;
• Sublime Text;
• GEdit;
• Dreamweaver CS4
• editArea在线编辑器;
• Zen Coding在线编辑器中文版

Aptana是我主要的开发环境，它使用一个JavaScript版本的Zen Coding。它也包含很多其它的我用于日常工作的工具，所以任何一个新的Zen Coding版本都将会首先对Aptana可用，然后部署到Python并兼容其它的编辑器。

Coda和Espresso 插件被杰出的Text Editor Actions (TEA) 平台支持，由Ian Beck开发。原始的源代码在GitHub上，但我还是制作了我自己的分支以整合Zen Coding的特性。

出处：前端观察
责任编辑：bluehearts

上一页 Zen Coding:快速编写HTML/CSS代码 [3] 下一页 Zen Coding:快速编写HTML/CSS代码 [5]

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。