月度存档: 八月 2009

Coda 前端开发插件 F2E Tools

在 EeePC 上装了个 Mac OS X,相应的开发工具也选择了 Coda。在 Windows 下,EditPlus 可以通过添加自定义 工具的方式来给 EditPlus 的添加前端工具,但是在 Coda 上,就没有这么方便的自定义方式了。之前师兄清羽用 Python 实现 了 Coda 的 YUI Compressor 和 JS Lint 两个插件,后来在群里讨论要不要把 JS Beautify 也集成。

想 法有了,上周末回家就开写,Coda 的插件有两种形式的,一种是用脚本来写,另外一种是用 Cocoa 来写。使用脚本很简单,Python、 Ruby 等等都可以,只要系统上有解释器。相对而言还是 Python 熟一点,就选用 Python 来编写这几个插件了。

图片附件

下载:
http://dl.getdropbox.com/u/1451589/Blog/CodaF2ETools.zip

for Coda 2
F2E Tools for Code 2 (2.4MB)

安 装方法:解压后,双击 F2E Tools.codeplugin 即可完成安装。

该插件集成了以下 5 个前端开发工 具:

1. YUI Compressor

压缩工具,可以压缩 JS 和 CSS 代码, 去掉注释、空白字符,缩短变量名等。

2. JS Lint

JavaScript 语法检 查工具,可以让你的代码更健壮。

3. JS Beautify

如果碰到了压缩过的代码, 那么可以用这个工具来把代码格式化一下,可以看起来很清楚,它也可以格式化 HTML。

4. HTML Tidy

格 式化并检查 HTML 代码,并检查是否符合相应的规范,例如 XHTML 或 HTML 等。

5. CSS Tidy

格 式化 CSS 代码。

更详细的介绍大家可以去网上找一找。

说明: YUI Compressor 压 缩时是使用的 GB18030 编码,如果你常用的编码不是 GB18030,而是 UTF-8 或者其他,那么你需要修 改 YUI Compressor 插件的脚本,步骤如下:

1. 定位到 用户主目录/Library /Application Support/Coda/Plug-ins

2. 找到 F2E Tools.codeplugin,鼠标右 击,选择“显示包内容”

3. 定位到 Content/Resources/yuicompressor

4. 使用文本编辑 器打开 yuicompressor.py

5. 定位到文件底部,找到 GB18030,有两处,修改为 UTF-8 或你要使用的编码

6. 保 存并退出,重新启动 Coda 即可生效。