Eclipse 支持jQuery 自动提示

1,Eclipse安装 spket 插件。(两种方式):

 在线安装:Help->Install New Software...->Add...->Name: "Spket", Location: http://www.spket.com/update/   下载完毕重启 Eclipse 。

 手动安装:到http://www.spket.com/download.html 下载 Plugin 版本,当前版本为1.6.17。下载解压后直接放置于Eclipse的dropins目录下,重启Eclipse。

 

2,下载jQuery文件,(要下载开发版本)。

3,设置spket。

Window -> Preferences -> Spket -> JavaScript Profiles -> New ; 输入“jQuery”点击OK; 选择“jQuery” 并点击“Add Library”然后在下拉条中选取“jQuery”; 选择 “jQuery”并点击“Add File”,然后选中你下载的jQuery.js 文件;设成Default;

4,设置js打开方式。

Window -> Preferences ->General-> Editors-> File Associations-> 选择*.js 将 Spket JavaScript Editor设为Default。

5,新建一个js文件,jQuery 自动提示!!

  • jquery-1.7.2  (33 KB)

 

安装Spket图解:

第一种方法:网上更新方式

1.插件首页:http://www.spket.com
2.插件名称:Spket IDE
3.更新连接(Update Site):http://www.spket.com/update/
更新安装方法:

1.[Help]-[Software Updates]-[Find and Install...]

2.[Search for new features to install] -> [Next]

3.[New Remote Site...] Name: "什么都行,spketjs" URL: http://www.spket.com/update/--> [Finish]

第二种方法:网上下载spket-1.6.16.jar破解版(目前最新版本)

Eclipse 支持jQuery 自动提示_第1张图片

1.如果你的JDK在1.6以上,可以直接双击spket-1.6.16.jar运行安装。

Eclipse 支持jQuery 自动提示_第2张图片

其它,使用命令行方式。(注意:自己切换命令行到spket-1.6.16.jar所在目录)

Eclipse 支持jQuery 自动提示_第3张图片

2.

Eclipse 支持jQuery 自动提示_第4张图片

Eclipse 支持jQuery 自动提示_第5张图片

Eclipse 支持jQuery 自动提示_第6张图片

Eclipse 支持jQuery 自动提示_第7张图片

Eclipse 支持jQuery 自动提示_第8张图片

至此,安装完成。

二、配置Spket

注意:如果在安装spket过程中,你的eclipse或者Myeclipse是打开的,请重启eclipse或者Myeclipse。以便初始化插件,下面才会在Preferences中看到 Spket选项。

基本步骤如下:
1)Window → Preferences → Spket ;

Eclipse 支持jQuery 自动提示_第9张图片

2)Spket → JavaScript Profiles → New, 输入“ExtJS”点击OK;

Eclipse 支持jQuery 自动提示_第10张图片
3)选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;

Eclipse 支持jQuery 自动提示_第11张图片
4)选择 “ExtJS”并点击“Add File”,然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件;

Eclipse 支持jQuery 自动提示_第12张图片
5)设置新的ExtJS Profile,选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮;

Eclipse 支持jQuery 自动提示_第13张图片

下面这个操作,根据自己需要设置(可以全选)。

Eclipse 支持jQuery 自动提示_第14张图片
6)重启eclipse或者Myeclipse;


7)创建新的JS文件并输入: Ext这样就可设置Ext Code代码自动完成的功能。

效果如下:

Eclipse 支持jQuery 自动提示_第15张图片

Eclipse 支持jQuery 自动提示_第16张图片

你可能感兴趣的:(前端开发)