Eclipse添加jQuery代码提示之安装JSDT-jQuery插件

在上一篇文章中我们提到了 Eclipse(Zend Studio、MyEclipse) 安装 Aptana 插件来实现 jQuery 智能提示 Eclipse添加jQuery代码提示之安装Aptana插件 ,今天介绍一个更便捷的方法来实现 jQuery 提示。

JSDT-jQuery 是一个让Eclipse JavaScript Development Tools (JSDT)支持 jQuery自动完成功能的插件

安装过程

1.首先需要装上 JavaScript Development Tools ,这个不必多说,在 Eclipse 的“安装新软件”里选择 eclipse 的更新链接(比如:http://download.eclipse.org/releases/luna )安装 JavaScript Development Tools 或者 Web Developer Tools (包含 JavaScript Development Tools )。

2.添加更新链接(注意:科学上网后才能访问),或者在 Eclipse 的应用商店里边搜索 jquery ,找到 JSDT-jQuery。

1

http://svn.codespot.com/a/eclipselabs.org/jsdt-jquery/updatesite/ //需要科学上网

当然,你也可以下载我提供的离线包:百度网盘 。下载之后放到 Eclipse 对应的目录下,或者直接解压到 dropins 文件夹(新版 Eclipse 才有)。

Eclipse添加jQuery代码提示之安装JSDT-jQuery插件 - 第1张  | 扩软博客

JSDT-jQuery 的使用

1.首先新建一个项目,随便什么项目,比如我新建一个 PHP 项目,选中 JavaScript 支持。

Eclipse添加jQuery代码提示之安装JSDT-jQuery插件 - 第2张  | 扩软博客

或者直接右键已存在的项目,添加 JavaScript 支持。

Eclipse添加jQuery代码提示之安装JSDT-jQuery插件 - 第3张  | 扩软博客

2.选中项目,右键 -> 属性,添加 JavaScript 库,现在会出现 jQuery 库。

Eclipse添加jQuery代码提示之安装JSDT-jQuery插件 - 第4张  | 扩软博客

Eclipse添加jQuery代码提示之安装JSDT-jQuery插件 - 第5张  | 扩软博客

Eclipse添加jQuery代码提示之安装JSDT-jQuery插件 - 第6张  | 扩软博客

Eclipse添加jQuery代码提示之安装JSDT-jQuery插件 - 第7张  | 扩软博客

jQuery 智能提示测试

新建一个 js 文件,按 alt+/ 调出代码提示,或者通过设置使它自己弹出提示。

Eclipse添加jQuery代码提示之安装JSDT-jQuery插件 - 第8张  | 扩软博客

Eclipse添加jQuery代码提示之安装JSDT-jQuery插件 - 第9张  | 扩软博客

设置自动补全:

window--->Preferences,

输入.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

点击Apply应用即可

转载于:https://my.oschina.net/yves175/blog/850595

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值