ext3.0,eclipse3.5。

每次都要去查API,很烦,所以装个EXT提示的插件对初学者来说有很大的帮助。

假设你已经下载了ext3.0和spket的源码。

注意,官方的ext3.0里面没有提供ext.jsb文件.得自己另外去网上下载一个,这里我把下载到的ext.jsb文件放在ext-3.0.0的根目录下。

一、

以Eclipse插件形式安装

启动ECLIPSE Help → Software Updates → Find and Install… → Search for new features to install → New remote site…

名称: “Spket”,地址URL是http://www.spket.com/update/

完成后重启(自动会加载插件,也可CMD ECLIPSE目录 使用命令 eclipse -clean 重新编译)

Window → Preferences → Spket → JavaScript Profiles → New ;

输入“ExtJS”点击OK;

选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;

选择 “ExtJS”并点击“Add File”,然后在你的./ext-3.0.0目录中选取“ext.jsb” 文件,注意一定也要把ext-all.js和ext-all-debug.js这两个JS文件选择进来,不然即使配了也不会有提示,我开始就是没有把这二个JS加进来。

选择你想加载的插件,这里我们选择ExtJS.

设置新的ExtJS Profile,选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮;

JS打开方式为 Window → Preferences → General→ Editors→ File…

选择JS 或者新创建 设置默认打开方式 为 Spket JavaScript Editor(default) (把spket设为js默认的编辑器)

eclipse下安装Extjs的插件spket【转载】_JavaScript

 

 

二.安装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下安装Extjs的插件spket【转载】_JavaScript_02

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

eclipse下安装Extjs的插件spket【转载】_EXT_03

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

eclipse下安装Extjs的插件spket【转载】_Myeclipse_04

2.

eclipse下安装Extjs的插件spket【转载】_EXT_05

 

eclipse下安装Extjs的插件spket【转载】_Eclipse_06

 

eclipse下安装Extjs的插件spket【转载】_IDE_07

 

eclipse下安装Extjs的插件spket【转载】_IDE_08

eclipse下安装Extjs的插件spket【转载】_EXT_09

至此,安装完成。

 

二、配置Spket

 

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

基本步骤如下:

1)Window → Preferences → Spket ;

eclipse下安装Extjs的插件spket【转载】_Myeclipse_10

 

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

eclipse下安装Extjs的插件spket【转载】_IDE_11

3)选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;

eclipse下安装Extjs的插件spket【转载】_IDE_12

4)选择 “ExtJS”并点击“Add File”,然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件;

 

eclipse下安装Extjs的插件spket【转载】_JavaScript_13

5)设置新的ExtJS Profile,选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮;

eclipse下安装Extjs的插件spket【转载】_EXT_14

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

 

eclipse下安装Extjs的插件spket【转载】_EXT_15

把ext.jsb和ext-all.js以及ext-all-dubeg.js三个一起加上才行。

eclipse下安装Extjs的插件spket【转载】_IDE_16

6)重启eclipse或者Myeclipse;

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

效果如下:

eclipse下安装Extjs的插件spket【转载】_IDE_17