1.Dreamweaver
相信大家对Dreamweaver再熟悉不过了,Dreamweaver是建立 Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能,Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序,从而使用户能连接到数据库、Web 服务和旧式系统。
如果要使Dreamweaver支持jQuery自动提示代码功能,方法非常简单,我们只需要下载一个插件即可。
在 http://xtnd.us/dreamweaver/jquery下载一个名为jQuery_API.mxp 的插件。
在Dreamweaver中选择:命令→扩展管理→安装扩展→jQuery_API.mxp后,就会自动安装了。
如果效果如图1-18所示,就表明安装成功。
|
(点击查看大图)图1-18 安装Dreamweaver插件 |
扩展成功后,重新启动Dreamweaver,新建空白页面,引入jQuery,然后编写jQuery代码,会发现已经能自动提示了,效果如图1-19所示。
|
(点击查看大图)图1-19 自动提示 |
注:(1)如果用户的Dreamweaver没有扩展管理功能,可以去http://www.adobe.com/cn/exchange/ 下载相应软件即可。
(2)在本书出版之前,此插件自动提示的内容是jQuery1.2.1的API,所以jQuery1.2.1以后新增的方法没有提示。
2.Aptana
Aptana是一个非常强大、开源和专注于JavaScript的Ajax开发IDE。
它的特性如下所示。
提供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开发工具。
提供了ecliplse插件。
当然Aptana功能强大也是有代价的,它占用电脑内存比较多。可以去http://www.aptana.com/下载相应的软件安装即可。
按照官方的文章http://www.aptana.com/docs/index.php/Getting_started_with_Aptana_and_jQuery ,可以使Aptana支持jQuery自动提示代码功能,效果截图如图1-20所示。
|
(点击查看大图)图1-20 aptana自动提示截图 |
3.jQueryWTP和Spket插件
jQueryWTP和spket这2款插件都可以让Eclipse支持jQuery自动提示代码功能,分别可以去http://www.langtags.com/jquerywtp/ 和 http://spket.com/ 下载相应的插件。截图如图1-21所示。
|
(点击查看大图)图1-21 jQueryWTP自动提示功能截图 |
4.Visual Studio 2008
Visual Studio是Microsoft公司推出的程序集成开发环境,最近的一次升级(Visual Studio 2008)之后便可以使用jQuery智能提示了。首先读者需要下载一个补丁,地址如下:
http://code.msdn.microsoft.com/KB958502/Release/ProjectReleases.aspx?ReleaseId=1736
补丁安装好后,再下载jquery-1.2.6-vsdoc.js(http://jqueryjs.googlecode.com/files/jquery-1.2.6-vsdoc.js)文件,把它与jquery-1.2.6.js文件放在同一个文件夹下。最后在页面中与往常一样用<script>标签引入jQuery脚本库,Visual Studio 2008会自动识别并找到jquery-1.2.6-vsdoc.js文件。这样就实现代码智能提示功能。如图1-22所示。
|
(点击查看大图)图1-22 Visual Studio 2008智能提示截图 |
注:在本书出版之前,jquery-1.3.1-vsdoc.js还未发布,所以只能用jquery-1.2.6-vsdoc.js做讲解。
5.其它工具
jQuery本身就是JavaScript,所以也可以使用任意通用文本编辑器进行开发,比如EditPlus、EmEditor和VIM等等。
合理的利用这些工具,能节约大量的脚本开发时间。
原文地址:http://book.51cto.com/art/201001/177145.htm
分享到:
相关推荐
《锋利的jQuery》适合所有对jQuery技术感兴趣的Web设计者和前端开发人员阅读和参考。 目录 第1章 认识jQuery 1 1.1 JavaScript和JavaScript库 1 1.1.1 JavaScript简介 ...1.6 jQuery开发工具和插件 18 1.7 小结 22
1.6 jQuery开发工具和插件 1.7 小结 第2章 jQuery选择器 2.1 jQuery选择器是什么 2.2 jQuery选择器的优势 2.3 jQuery选择器 2.3.1 基本选择器 2.3.2 层次选择器 2.3.3 过滤选择器 2.3.4 表单选择器 2.4 应用jQuery...
该工具是Visual Studio add-in. 用于快速生成页面所需的Jquery插件代码,并插入到Html页面
NULL 博文链接:https://zhoucl.iteye.com/blog/1239737
NULL 博文链接:https://lpyyn.iteye.com/blog/2094991
NULL 博文链接:https://fbinbin.iteye.com/blog/2330594
NULL 博文链接:https://andy2019.iteye.com/blog/1456381
提示 我们将在第2章演示使用jQuery的AJAX工具和使用原生JavaScript进行AJAX开发有什么异同。 时至今日,已有很多的JavaScript库可用。最流行的JavaScript库有Prototype(http://www. prototypejs.org)、MooTools...
jQuery开发团队构建系统的改进。 1.4重要新特性: ·常用方法的性能大幅提升:重写了大部分较早期的函数; ·更容易使用的设置函数(setter function):为所有对象新增了许多易用的设置函数; ·对Ajax的改进:引入...
建议开发童鞋使用跨平台开发工具——统一开发环境UDE来进行查看、调试、开发哦~~它是一款HTML5跨平台一站式应用开发、调试和部署工具, 支持HTML5跨平台开发,原Java跨平台插件支持Android/Symbian/Kjava的跨平台和...
建议开发童鞋使用统一开发环境UDE来进行查看、调试、开发哦~~其属于MM应用引擎的应用开发部署工具,它是基于云计算基础架构,依托中国移动IDC资源池基础业务的互联网应用开发运行托管平台,为Web和移动应用开发者...
透明窗口插件 博文链接:https://uule.iteye.com/blog/802115
jQueryEasyUI是目前JavaWeb领域流行的插件开发工具。《jQueryEasyUI开发指南》主要讲述EasyUI各种插件的用法以及前端插件开发思想,带领读者走入插件开发的世界。在本书中,读者不但可以学到搜索框(searchbox)、...
Jquery样式切换器小工具插件,网页开发必备