首先上传几个图片,前段时间为了找寻Eclipse的jQuery的代码提示我看了不下五百个帖子!!最终还是捋清了思路,在此分享一下
如果不想看其他的思路以及解析等废话,直接找安装方法的话,建议从后往前看
谈及Eclipse的jQuery代码提示,其实很头疼,网上说的各种各样,我试了很多,但是最终实际应用的jsdt-jquery,
但其实jsdt-jquery里面也只是把几个 jquery-doc-xx.js 这样的文件加载进Eclipse而动态实现的代码提示而已
准确来说,有一种文件,叫做 jquery-doc-xx.js ,比如 jquery-doc-3.0.js 就是关于jquery3.0版本以上的js文件的代码提示文件,我粘贴一段里面的内容大家看一下就知道了:
click: function(handler) {},
/**
* Create a deep copy of the set of matched elements.
* @since 1.0
* @param {Boolean} [withDataAndEvents=false] A Boolean indicating whether event handlers should be copied along with the elements. As of jQuery 1.4, element data will be copied as well.
* @returns {jQueryObject}
*/
clone: function(withDataAndEvents) {},
/**
* For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
* @since 1.3
* @param {Selector} selector A string containing a selector expression to match elements against.
* @returns {jQueryObject}
*/
但是百度谷歌了好几天也没有找到相关的全部文件,最后还是很偶然在Github上找到比较全的所有版本
首先,关于jsdt-jquery插件:
其实这个开源项目现在好像已经找不到了,原来最直接的是在Eclipse的marketplace直接就能下载,github上的开源项目也基本找不到了,我几经辗转才找到的,而且似乎是最新版的地址,竟然还添加了1.12和3.0版本的jquery:
https://github.com/MedusaSTears/jsdt-jquery
这里面所包含的是jsdt-jquery插件的源码,在里面就能找到我题头那里贴出来的所有jquery的document说明文档的js文件
安装方式可以下载插件包后用Link方式安装,不过因为有直接方式了,所以就不详细写了
其次:WTP插件
这个插件安装的方式挺奇葩的,简单来讲就是把 jqueryWTP1.20foCN.jar 文件覆写加载进Eclipse的代码提示文件里,实现jQuery的代码提示
不过我测试了好几个版本,包括中文,英文,1.2,1.1,1.0,0.4这么多版本也没好使(我是Mars.2)后来放弃了,有时间再尝试一下
再次:SPKET
这个应该是网上提及的最多的关于Eclipse里面的jQuery提示的插件了,
我也是按照网上提示安装好了,添加了jQuery的类库,也改成了Spket-Edit来打开jsp等等
始终也没好使,遂放弃
最后偶尔在一个地方看到,SPKET和jsdt-jquery有一个操作是类似的,文末也会讲,就是
想有jQuery代码提示,你的项目必须添加JavaScript的配置文件(构建路径-用户库/jquery)
最后:似乎与时俱进呼声也很高的Aptana插件
这个插件相关资料和安装教程我倒是下载和找过,不过一直没轮到尝试它出场就已经解决问题了,所以一直也没安装,
网评不错,如果不像我这么追求
一个简单的功能没必要安装一个大大的插件的洁癖
的人,完全可以安装一个来用
言归正传,如何用最简洁的方式,添加Eclipse的jQuery代码提示
1.下载你想用的相关版本的代码提示文件,下载地址在
https://github.com/MedusaSTears/jsdt-jquery/tree/master/org.eclipselabs.jsdt.jquery.api/libraries
同时我也上传到CSDN库里面:
https://download.csdn.net/download/medusastears/10593901
2.在Eclipse里面,打开你想添加代码提示的 动态web项目 的 属性(这个不用我教吧?项目右键→属性)
3.找到JavaScript→包含目录→添加JavaScript库→用户库
4.打开用户库→配置用户库→新建→添加你想要的名字,点确定
5.在刚才新建的用户库,导入你需要的jQuery提示文件,点确定
6.后边的就很简单了,懂电脑的都会,点确定保存,然后各种确定,然后退出,就好了
7.确定后返回项目,新建个jsp,查看一下是不是有代码提示了:
ALL_BY_MedusaSTears
2018.08.09