1.6 jQuery开发工具和插件
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等等。
合理的利用这些工具,能节约大量的脚本开发时间。
分享到:
相关推荐
JQuery开发工具包,结合Dom使用很方便
Write less,do more!开发人员必备工具,不解释
开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-...
开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery....
第4章 工欲善其事,必先利其器——开发工具 第5章 jQuery快速上手 第6章 使用选择器获得要操作的元素 第7章 操作得到的元素 第8章 使用jQuery进行DOM操作 第9章 jQuery中的事件处理 第10章 jQuery中的动画与效果 第...
jQuery可视化开发工具,网页美工的福音。
《锋利的jQuery》适合所有对jQuery技术感兴趣的Web设计者和前端开发人员阅读和参考。 目录 第1章 认识jQuery 1 1.1 JavaScript和JavaScript库 1 1.1.1 JavaScript简介 ...1.6 jQuery开发工具和插件 18 1.7 小结 22
jquery可视化开发工具ixedit-1.0pb6
里面包含了各个版本的jquery工具包
提示 我们将在第2章演示使用jQuery的AJAX工具和使用原生JavaScript进行AJAX开发有什么异同。 时至今日,已有很多的JavaScript库可用。最流行的JavaScript库有Prototype(http://www. prototypejs.org)、MooTools...
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...
前端开发工具,你懂得,需要的朋友可以下载来看看
jquery 可视化开发工具,我已经试过了,肯定能用。网上找了好多都不能用的,共享一下,随便挣点小分。没分但需要的邮箱联系我。yuan.1110@163.com
本工具可以大大简化 JQuery的开发,而且简单易学,非常适合应用大量js代码的环境,能够有效的减少代码的编写量.
\jQuery在线资源和开发工具.rar
JQuery开发工具包,包含提示。不过需要安装VS90SP1-KB958502-x86
jQuery.sorted由Jacek Galanciak开发的超级简单的jQuery排序工具。可以按照按照文本值排序,反序排序,或者按照自定义的属性值排序。 标签:jQuery
一款不错的jquery插件,内容丰富,使用性强,适合各种开发人群...
jquery-2jquery-2开发用工具不错的工具的士速递
jQueryEasyUI是目前JavaWeb领域流行的插件开发工具。《jQueryEasyUI开发指南》主要讲述EasyUI各种插件的用法以及前端插件开发思想,带领读者走入插件开发的世界。在本书中,读者不但可以学到搜索框(searchbox)、...