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

安装方法：解压后，双击 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 即可生效。