1.6 jQuery开发工具和插件
1.6 jQuery开发工具和插件
1．Dreamweaver
Dreamweaver是建立Web站点和应用程序的专业工具。Dreamweaver将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，使得各个层次的开发人员和设计人员都能够快速创建基于标准的网站和应用程序。从对基于 CSS的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的开发环境中所需的工具。
目前新版的Adobe Dreamweaver CS 5.5已经加入了jQuery语法自动提示功能。如果你还在使用老的版本，又想有 jQuery 语法提示功能的话，可以下载一个插件。在 http://code.google.com/p/jquery-api-zh-cn/downloads/list 网址中下载一个名为jQuery_api_for_dw4.rar或jQuery_api_for_dw3.rar的插件。
在Dreamweaver中依次选择“命令”→“扩展管理”→“安装扩展”→“jQuery_api_for_dw4.mxp”命令后，就会自动安装插件了。
如果效果如图1-18所示，即表明安装成功。
[插图]
扩展成功后，重新启动Dreamweaver，新建空白页面，引入 jQuery，然后编写jQuery 代码，会发现已经具有自动提示功能了，如图1-19所示。
[插图]
2．Aptana
Aptana是一个功能非常强大、开源和专注于JavaScript的Ajax开发IDE。
Aptana的特性如下。
- 提供JavaScript、JavaScript函数、HTML和CSS语言的Code Assist功能。
- 显示JavaScript、HTML和CSS的代码结构。
- 支持JavaScript、HTML和CSS代码提示，包括JavaScript自定义函数。
- 代码语法错误提示。
- 支持Aptana UI自定义和扩展。
- 支持跨平台。
- 支持FTP/SFTP。
- 调试JavaScript。
- 支持流行 Ajax 框架的Code Assist 功能，包括 AFLAX、Dojo、jQuery、MochiKit、Prototype、Rico、script.aculo.us、Yahoo UI和Ext。
- 通过插件扩展后则可以作为Adobe AIR iPhone和Nakia等的开发工具。
- 提供了Eclipse插件。
当然Aptana功能强大也是有代价的，它占用电脑内存比较多。可以在http://www.aptana.com/ 网址下载相应的软件进行安装。
要使Aptana支持jQuery自动提示代码功能，非常简单，只要下载一个jquery.ruble文件即可。可以去 https://github.com/aptana/javascript-jquery.ruble 下载，这个文件是“.sdocml”后缀，并将之放到你的项目下（当然，jQuery文件是必须引入的）。插件效果如图1-20所示。
[插图]
3．jQueryWTP和Spket插件
jQueryWTP和Spket这两款插件都可以使Eclipse支持jQuery自动提示代码功能，可以分别在http://www.langtags.com/jquerywtp/和http://spket.com/网址中下载相应的插件。截图如图1-21所示。
[插图]
4．Visual Studio 2008
Visual Studio是Microsoft公司推出的程序集成开发环境，最近一次升级（VisualStudio 2008）之后便可以使用jQuery智能提示了。首先需要下载一个补丁，地址如下：
http://code.msdn.microsoft.com/KB958502/Release/ProjectReleases.aspx?ReleaseId=1736 。
补丁安装好后，下载 jquery.vsdoc.js（ http://docs.jquery.com/Downloading_jQuery ）文件，把它与jquery.js文件放在同一个文件夹下。最后在页面中用<script>标签引入jQuery脚本库，VisualStudio 2008会自动识别并找到jquery.vsdoc.js文件。这样就实现了代码智能提示功能。如图1-22所示。
[插图]
5．其他工具
由于jQuery本身就是JavaScript，因此也可以使用任意通用文本编辑器进行开发，例如EditPlus、EmEditor和VIM等等。
合理地利用这些工具，能节约大量的脚本开发时间。