首页 > 软件和应用 > Eclipse平台 > Eclipse添加jQuery代码提示之安装Aptana 3.7.0插件
2015
04-04

Eclipse添加jQuery代码提示之安装Aptana 3.7.0插件

Eclipse(Zend Studio、MyEclipse)开发Web项目过程中经常会使用 jQuery,而 Eclipse 的 JSDT 并不支持jQuery代码提示,于是寻找替代方法。最后发现 Aptana 确实是个不错的选择,但是网上流传的 Aptana 插件版本都太低了,许久未更新,安装到 Eclipse Luna 上总是会出现各种错误。于是我去找到了最新的 Eclipse 可用的 Aptana 插件,而且一直在更新。

其他方法:Eclipse添加jQuery代码提示之安装JSDT-jQuery插件

Aptana简介

Aptana Studio 是一个集成式的Web应用程序开发环境,它的智能代码完成功能不仅涵盖 JavaScript 语法,还包括 HTML 和 CSS ,是一款优秀的 JavaScript 开发 IDE 。更为重要的是,Aptana 提供了可用于 Eclipse 平台的插件,使得我们在 Eclipse 平台上也可以获得 JavaScript 代码提示,甚至还可以添加 jQuery 代码智能提示。

Aptana插件下载安装过程

Aptana 项目在 GitHub 上的地址为:Aptana studio 3

而 Aptana Eclipse 插件的地址为

由于是国外的地址,下载安装速度可能过慢,所以我将下载下来的安装包上传到了百度云。

下载地址:Aptana 离线安装包 (持续更新)

推荐使用离线安装的方法,更快捷。下面介绍具体的安装方法照顾一下新手,使用的 Eclipse 版本是最新的 Luna 版即 Eclipse 4.4.x (我的 Eclipse 已汉化,使用英文版的同学同理)。

1.“帮助” -> 安装新软件,打开安装窗口。

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

2.在安装窗口点击“添加”,弹出的窗口上的“位置”这里写入上面的 Aptana 插件地址,或者点击“位置”后面的“Archive..”选择刚才下载的安装包(zip文件,不需要解压),然后“确定”。

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

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

3.如图,由于我只需要 Aptana 的 JavaScript 提示,我就只选择了 Aptana 的核心插件。

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

4.一路下一步,完成安装,按提示重启 Eclipse。

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

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

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

5.重启后会弹出一个对话框,点击“确定”等待 Git 安装完成。

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

6.现在 Aptana 插件已安装完成,“首选项”中会多出一个 Aptana Studio。

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

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

Aptana 插件添加jQuery提示

Aptana 还可以添加许多其他扩展,包括 jQuery 。

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

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

添加完成后出现 jQuery 菜单。

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

现在新建一个 js 文件并用 JavaScript Source  Editor 打开,或者设置 *.js 文件的默认打开方式,其他如 *.html 或者 *.css 文件也可以设置为使用 Aptana 的编辑器打开。

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

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

来试试自动代码提示,编辑的时候按 “Alt+/” 来调出提示框(增强Eclipse自动提示自定义上屏按键)。

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

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

现在可以享受畅快的jQuery提示了!

最后编辑:
作者:
百度ID:“度娘程序员”,博主。
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!

Eclipse添加jQuery代码提示之安装Aptana 3.7.0插件》有 3 条评论

  1. Google Chrome 48.0.2564.116Google Chrome 48.0.2564.116Windows 7 x64Windows 7 x64

    你这提示也不全,你可以测试下输入s看能不能提示show肯定不能。不知道是不是bug

  2. Google Chrome 31.0.1650.63Google Chrome 31.0.1650.63Windows 7 x64Windows 7 x64

    写得非常的好,但是我按照你的教程安装后有部分提示,但是document没有提示,然后写document.getElementById()也没有提示?请问这是为什么呢?

    • Google Chrome 41.0.2272.118Google Chrome 41.0.2272.118Windows 8.1 x64Windows 8.1 x64

      jQuery能正常提示吗?还有看看文件的打开方式是否为Aptana的编辑器。

发表回复

你的邮箱地址不会被公开,垃圾评论将被删除。

有人回复时邮件通知我