网络编程
位置:首页>> 网络编程>> 网页设计>> Coda 前端开发插件 F2E Tools

Coda 前端开发插件 F2E Tools

作者:xujiwei 来源:Architecting Life 发布时间:2009-09-22 14:53:00 

标签:Coda,插件,前端,工具

在 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 即可生效。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com