Eclipse中安装Ext插件(Spket IDE)

本文介绍 Spket IDE 的安装过程及其与 Ext2.0 的集成方法,通过详细步骤指导如何配置 Eclipse 来支持 Ext2.0,提升 JavaScript 开发效率。

<!-- /* Font Definitions */ @font-face {font-family:宋体; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-alt:SimSun; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 135135232 16 0 262145 0;} @font-face {font-family:Verdana; panose-1:2 11 6 4 3 5 4 4 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:536871559 0 0 0 415 0;} @font-face {font-family:"/@宋体"; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 135135232 16 0 262145 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; text-align:justify; text-justify:inter-ideograph; mso-pagination:none; font-size:10.5pt; mso-bidi-font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:宋体; mso-font-kerning:1.0pt;} a:link, span.MsoHyperlink {color:blue; text-decoration:underline; text-underline:single;} a:visited, span.MsoHyperlinkFollowed {color:purple; text-decoration:underline; text-underline:single;} p {mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; font-size:12.0pt; font-family:宋体; mso-bidi-font-family:宋体;} span.apple-converted-space {mso-style-name:apple-converted-space;} /* Page Definitions */ @page {mso-page-border-surround-header:no; mso-page-border-surround-footer:no;} @page Section1 {size:612.0pt 792.0pt; margin:72.0pt 90.0pt 72.0pt 90.0pt; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} -->

Spket IDE 是目前支持 Ext 2.0 最为出色的 IDE 它采用 .jsb project file 文件并将继承于基类和所有文档的内容嵌入到生成代码提示的 Script doc 中。
由于 Spket 只是一个单纯的编辑器,没有其它格式的支持(如 CSS ),所以我的做法是用它的 Eclipse 插件形式,

启动 ECLIPSE Help Software Updates Find and Install… Search for new features t o 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-2.x/source 目录中选取 “ext.jsb” 文件;

选择你想加载的插件
设置新的 ExtJS Profile ,选中并点击 “JavaScript Profiles” 对话框右手边的 “Defalut” 按钮;

JS 打开方式为 Window Preferences General Editors File...

选择 JS 或者新创建 设置默认打开方式 Spket JavaScript Editor(default)

OK 本人已经成功使用 MYECLIPSE6 1 ,打开你的 JS 吧。尽情的 Ext 点点点点吧!!属性支持类似 JAVA 类,声明后才可以获得属性, Spket 还封装了 JS 常用函数。 EXT 编写环境已经捆饶以久,可是说 Spket+EXT 是最完美的编写 EXT 环境。

注:也适用过 com.interaktonline.jseclipse 插件,感觉功能不多(部分没有更新), EXT 本身也不支持。。加载的是 XML 格式文件,所以推荐使用 EXT 本身支持的 ext.jsb

一、 Spket 的安装

1 Plugin:

最低要求: eclipse 平台运行时 3.2.x  
文件为: spket-1.6.4.1.zip( 解压后按照标准的插件安装方法安装即可 )
2
Spket IDE:
最低要求:你需要 java 1.5 或更高版本运行安装程序,可独立使用 ( 不用装 Eclipse)
文件为: spket-1.6.4.1.jar
安装步骤: 1 、打开 cmd 2 、在 spket-1.6.4.1.jar 文件目录下输入 java -jar spket-1.6.4.1.jar

3 、借助 Eclipse Software Update 安装 :

Software Updates] ,选择页面 [Available Software] ,点击 [Add Site] 按钮,在弹出窗体的 Location 编辑框中输入 [http://www.spket.com/update] ,点击 [OK] 按钮, Eclipse 将到该网址查找最新版本 (1.6.15) 进行安装。 à 点击 Eclipse 菜单 [Help

二、在 Eclipse 中使用 Spket

安装完后你去试,发现没有用,其实还有一些配置操作如下:

1 、执行这个操作:在 Eclipse 中依次选择: Window → Preferences → Spket → JavaScript Profiles → New

2 、在弹出框中输入 ExtJs (名字随便起),然后点 OK

3 、然后选中 ExtJs Add Library, 选择 ExtJS 后点击 OK

4 、然后选中 ExtJS( 二级节点 ) 后,选择 Add File 在你下载的 ext2.x 包中找到 /source/ext.jsb 加载进来;

5 、然后先中 ExtJs( 根节点 ) 点击右边的 default 按钮,然后点击确定就搞定了。

7 、你现在有 eclipse 中建立一个 JS Ext. 就会出现提示咯!!!

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值