Eclipse安装插件支持jQuery,Js智能提示

最近工作中用到jQuery插件,需要安装eclipse插件才能支持jQuery智能提示,在网上搜索了一下,常用的有三个插件支持jQuery的智能提示:
1.jQueryWTP
2.Spket
3.Aptana

在安装插件之前需要先安装eclipse,如果已经安装了eclipse,可以直接看下面的插件安装方法,本人使用的Fedora 12,操作如下:
1.直接打开”应用程序”-->”系统工具”-->”终端”
2.输入命令”su”,这个命令是临时切换到root用户
3.输入root用户的密码
4.输入命令”yum install eclipse”
5.安装成功后,就可以在”应用程序”-->”编程”-->”eclipse”,打开查看版本为eclipse 3.5.1,当然也可以直接下载安装,这里就不再细说了,安装完毕后就可以安装相关插件了.

以下分别介绍三个插件的安装方法:
一、jQueryWTP的安装方法(官方):
step1:download jqueryWTP_version.jar
step2:find you Eclipse Plugin org.eclipse.wst.javascript.ui_xxxxxxx.jar,backup the plugin.
step3:double click the jar file or run with command java -jar jqueryWTP.version.jar
step4:on the opened swing UI,choose org.eclipse.wst.javascript.ui_xxxxxxx.jar,and output dir.
step5:click generate button.
step6:replace old org.eclipse.wst.javascript.ui_xxxxxxx.jar file with the generated file.
step7:restart eclipse.
step8:open a html file,edit js content.

jQueryWTP插件项目的主页:http://www.langtags.com/jquerywtp/
但是下载完jqueryWTP0.31foCN.jar后,根据安装教程里都提到了一个plugin目录下的org.eclipse.wst.javascript.ui_xxxxxxx.jar文件,但是我的eclipse目录想压根就找不到这个文件,所以也要就不能使用jQueryWTP插件智能提示.

后来仔细查看jQueryWTP插件项目的主页,有这么一句话,Eclipse的WTP支持Javascript的代码补全功能,但是很简单,而且不支持jQuery,jQueryWTP的目的就是让Eclipse WTP支持jQuery,需要说明的是该插件对于MyEclipse等基于Eclipse WTP的工具也是支持的.
根据这句话可以猜想找不到plugin目录下的org.eclipse.wst.javascript.ui_xxxxxxx.jar文件的原因,可能是没有安装eclipse WTP插件,由于下面两种方法顺利安装并且支持jQuery智能提示,所以这里的猜想还没有经过验证.

二、Spket的安装方法(两种方式): 
1.在线安装:Help->Install New Software...->Add...->Name: "Spket",
Location:http://www.spket.com/update/ 下载完毕重启Eclipse.
2.手动安装:到http://www.spket.com/download.html下载 Plugin 版本,当前版本为1.6.17.下载解压后直接放置于Eclipse的dropins目录下,重启Eclipse.
3.下载jQuery文件,(要下载开发版本). 
4.设置spket ,Window -> Preferences -> Spket -> JavaScript Profiles -> New,输入“jQuery”点击OK; 选择“jQuery” 并点击“Add Library”然后在下拉条中选取“jQuery”; 选择 “jQuery”并点击“Add File”,然后选中你下载的jQuery.js 文件;设成Default;
5.设置js打开方式(这一步很重要,不设置的话,也不会有jQuery的智能提示), Window -> Preferences ->General-> Editors-> File Associations-> 选择*.js,将Spket JavaScript Editor设为Default。
6.新建一个js文件,jQuery自动提示!!

三、Aptana的安装方法:
Aptana的安装相对比较简单,直接安装完毕就支持jQuery的智能提示,而且智能提示功能也比较强大,按照下面的安装就能使用,强烈建议初学者可以使用这种方法安装:
1.在线安装:Help->Install New Software...->Add...->Name: "Aptana",
Location:http://download.aptana.com/studio3/plugin/install下载完毕重启Eclipse,Aptana插件安装成功,支持javascript智能提示功能,但还不支持jQuery智能提示,需要再安装支持jQuery智能提示的插件.(最新地址请查看http://www.aptana.com/products/studio3/download.html)
2.Window->My Studio打开Aptana的首页,单击首页上面的Plugins,选择Ajax下面的jQuery Support,单击Get It即可安装jQuery智能提示的插件,如图:

3.新建一个js文件就会有jQuery智能提示了.

另外,如果这三个插件都安装成功的话,想选择其中一个插件使用,应该如果操作呢?方法如下:
Window->Preferences->General->Editors->File Associations,选择”*.js”,再选择”Aptana JS Editor”或”Spket JavaScript Editor”设置为默认即可.

原文摘自:http://www.cnblogs.com/shulin/archive/2010/08/09/1796146.html

时间: 2024-08-02 02:50:15

Eclipse安装插件支持jQuery,Js智能提示的相关文章

Eclipse安装插件支持jQuery智能提示

http://www.cnblogs.com/shulin/archive/2010/08/09/1796146.html 最近工作中用到jQuery插件,需要安装eclipse插件才能支持jQuery智能提示,在网上搜索了一下,常用的有三个插件支持jQuery的智能提示: 1.jQueryWTP 2.Spket 3.Aptana 在安装插件之前需要先安装eclipse,如果已经安装了eclipse,可以直接看下面的插件安装方法,本人使用的Fedora 12,操作如下: 1.直接打开"应用程序&

转载 eclipse 安装插件 jsp,html, js, css viewer

转载 http://www.cnblogs.com/mmmn/archive/2013/01/22/2870750.html 内容如下: 编辑一些页面文件,例如JSP,HTML,JS等,直接用内置的文本编辑器基本比较疯狂,自己选了一个顺手的编辑器,Eclipse HTML Editor! Eclipse HTML编辑器插件主要提供以下功能:- HTML/JSP/XML/CSS/DTD/JavaScript语法高亮- HTML/JSP预览- JSP/XML验证- HTML标签,基于DTD的XML,

Eclipse 支持 HTML&JSExtJS&jQuery 代码智能提示

Eclipse支持HTML&JSExtJS&jQuery代码智能提示 安装HTML插件GEF和EclipseHTMLEditor 一. GEF下载安装 进到网页http://www.eclipse.org/gef/downloads/ 点6.2M的那个.会进入下载页面http://www.eclipse.org/downloads/download.php?file=/tools/gef/downloads/drops/3.7.2/R201201171043/GEF-ALL-3.7.2.z

jQuery打造智能提示插件二(可编辑下拉框)

在上一篇 jQuery打造智能提示插件 上改进,增加下拉按钮,修复点击下拉区域外不隐藏BUG 效果 下拉按钮素材: js封装,注意红色部分为BUG修复,然后传入boxwidth不带px: /* /// <reference path="jquery-autocomplete2.0.js" /> zhangs 20140516 */ (function($) { $.fn.combox = function(options) { var KEY = { UP: 38, DOW

jQuery打造智能提示插件

插件根据实际需要在单功能上封装的,实现传入后台数据地址,要保存值的input,前台要传入的参数(过滤条件),来返回下拉提示数据,数据过多可上下滚动选择,选择后显示文本与对应的值,供后台操作,如图: js封装: /* /// <reference path="jquery-autocomplete2.0.js" /> zhangs 20140516 */ (function($) { $.fn.combox = function(options) { var KEY = {

jquery的智能提示控件

福利到~分享一个基于jquery的智能提示控件intellSeach.js 一.需求 我们经常会遇到[站内搜索]的需求,为了提高用户体验,我们希望能做到像百度那样的即时智能提示.例如:某公司人事管理系统,想搜索李XX,只要输入“李”,系统自然会提示一些姓李的员工,这样方便用户使用.说白了,就是用户边输入,系统会提示相关的结果:或者,当用户点击搜索框时,就推荐一些内容,如360.百度都会提示今天的主要新闻或搜索量大的内容. jquery 已经有一个这样的插件了,叫 autocomplete, 但我

VS Extension+NVelocity系列(二)——让VS支持 NVelocity的智能提示(上)

一.基础概念 应该庆幸的是,VS的插件是靠着MEF实现而不是MAF,这让你所做的工作减轻了许多.如果在这之前,您已经了解了MEF的原理,我想对于VS插件的编写,您应该是很容易就能理解的.看看几个VS2010 SDK提供的例子,您就能熟练的编写了. 不过我还是简单的介绍一下MEF几个特点,目前来说,只要您了解这几个特点就足够了: 组合容器 部件 目录 使用特性导入.导出 这是一张博主 周金根 介绍MEF的图: 其中,CompositionContainer就是组合容器,Part就是部件,而VS插件

热部署简介及在eclipse安装插件JRebel进行热部署

一.热部署简介 1.热部署与热加载在应用运行的时候升级软件,无需重新启动的方式有两种,热部署和热加载.它们之间的区别是:(1).部署方式: 热部署在服务器运行时重新部署项目.热加载在运行时重新加载class.(2).实现原理热部署直接重新加载整个应用,这种方式会释放内存,比热加载更加干净,但是它比热加载更加的浪费时间.热加载在运行时重新加载class,主要使用的是类加载机制,在实现方式上就是在容器启动的时候起一条后台线程,定时的检测类文件的时间戳变化,如果类的时间戳发生变化,则将类重新载入.(3

Eclipse安装插件方式介绍

eclipse安装插件的常用方式有多种: 1.在线安装 打开eclipse,选择"help" --> "Install New Software..." --> "Add",输入Name信息与URL信息,点击"OK". 2.离线安装包安装 打开eclipse,选择"help" --> "Install New Software..." --> "Add&