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


最近工作中用到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/tools/studio/plugin/install/studio下载完毕重启Eclipse,Aptana插件安装成功,支持javascript智能提示功能,但还不支持jQuery智能提示,需要再安装支持jQuery智能提示的插件.

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”设置为默认即可.


版权声明:本文为博主原创文章,未经博主允许不得转载。

【eclipse】Eclipse安装插件支持jQ…的更多相关文章

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

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

  2. Eclipse插件(导出UML图,打开文件资源管理器插件,静态代码分析工具PMD,在eclipse上安装插件)

    目录 能够导出UML图的Eclipse插件 打开文件资源管理器插件 Java静态代码分析工具PMD 如何在eclipse上安装插件 JProfiler性能分析工具 从更新站点安装EclEmma 能够导 ...

  3. Eclipse扩展安装插件方式

    Eclipse安装插件经常使用的是直接安装的方式,就是将插件中包含的plugins和features文件夹中的内容直接复制到了Eclipse的plugins和features文件夹内,这样很容易导致插 ...

  4. Maven3在Eclipse上安装插件

    eclipse 安装插件的方式最常见的有两种: 1. 一种是在线安装,这貌似是用的最多的,就是:Help -->  Install New Software,然后输入 HTTP 地址来安装,但有 ...

  5. eclipse如何安装插件

    eclipse安装插件以springsource-tool-suite为例 打开eclipse,找到help/About Eclipse/ 然后点击右下角图标 找到EclipsePlatform对应的 ...

  6. Eclipse中安装插件的三种方式

    转载自:http://www.cnblogs.com/lcgustc/archive/2013/01/03/2843496.html Eclipse也用了很久,但是都没有怎么去研究过怎么安装插件,今天 ...

  7. eclipse离线安装插件过程

    离线安装插件: 1. help -> install New Softe.. 2. 打开安装插件界面 最后点击,next, 同意事项,重启eclipse.

  8. Eclipse 安装插件

    Eclipse 安装插件 本文介绍Eclipse插件的安装方法.Eclipse插件的安装方法大体有三种:直接复制.使用link文件,以及使用eclipse自带的图形界面的插件安装方法. AD: 做为当 ...

  9. Eclipse中安装插件的方法

    eclipse插件的安装方法大体有以下三种:  第一种:直接复制法:假设你的Eclipse的在(C:\eclipse), 解压你下载的 eclipse 插件或者安装eclipse 插件到指定目录AA( ...

随机推荐

  1. [原创]java WEB学习笔记08:HttpServletRequest & ServletRequest

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  2. 【Flask】Column常用参数

    ### Column常用参数:1. primary_key:设置某个字段为主键.2. autoincrement:设置这个字段为自动增长的.3. default:设置某个字段的默认值.在发表时间这些字 ...

  3. 基于socket实现上传文件

    基于socket实现文件上传 客户端代码: #!/usr/bin/env python # -*- coding:utf-8 -*- """ 这个是实现上传文件 首先让客 ...

  4. 机器学习相关知识整理系列之一:决策树算法原理及剪枝(ID3,C4.5,CART)

    决策树是一种基本的分类与回归方法.分类决策树是一种描述对实例进行分类的树形结构,决策树由结点和有向边组成.结点由两种类型,内部结点表示一个特征或属性,叶结点表示一个类. 1. 基础知识 熵 在信息学和 ...

  5. apache中配置php支持模块模式、cgi模式和fastcgi模式的实验

    首先安装apache.mysql和php,依次顺序安装. 1.apache.mysql的安装比较简单,略过 2. php的安装,我安装的是php5.3.6内置了php-fpm,所以不需要再单独下补丁了 ...

  6. UVA 101 vector

    题目链接 白书上的例题,关于vector的使用.不定长数组vector,类型内部封装了一些常用操作.vector就像一个二维数组,只有第一维的大小是固定的,可以像数组一样访问到其中的每一个元素. ve ...

  7. ML二(决策树学习)

    决策树学习 Decision Tree Learning 1 基本概念 属性(attribute):树上的每个结点说明了对实例的某个属性的测试,该结点的每一个后继分支对应该属性的一个可能值. 熵(en ...

  8. eclipse导入jar包连接mysql

    Eclipse中导入 mysql--conncetor --java--jars  方法一:在工程项上右击,点Build Path->Configure Build Path-->Libr ...

  9. CheckStyle:unable to parse configuration stream - Element type "message" must be declared

    版本在1.3以上,包括1.3: <!DOCTYPE module PUBLIC          "-//Puppy Crawl//DTD Check Configuration 1. ...

  10. jQuery插件--图片文字向上向左循环滚动

    需要引用jquery 调用非常简单: 一. 向上滚动 $(".scroll_two").jScroll({vertical: true}); <div class=" ...