配置ext4.1的eclipse的开发环境,主要是spket插件的使用

配置ext4.1的eclipse的开发环境,主要是spket插件的使用

这两天在整理extjs4.1的配置环境,由于需要一边查看API文档一边写code,效率很是地下,都网上搜索了下,spket支持对extjs的智能代码提醒功能。

然后,我就去下载了spket的eclipse的官方插件,按照网上的教程一步步进行下去,都还顺利,但是我苦于找不到网上说的extjs.jsb jsb2文件。

后来发现extjs4.1版本的jsb文件是放在根目录的build目录下。名字叫做sdk.jsb3,它其实是一个配置文件,里面罗列了所有类库的目录以及名称等信息。

用于在spket中进行提醒时的筛选。以下是具体的操作步骤:

下载并安装spket插件

1、选择启动eclipse ,然后找到菜单Help -> Software Updates -> Find and Install...-> Search for new features to install ->New remote site...
Name: "Spket", Url: "http://www.spket.com/update/"下载完毕重启 Eclipse。最新版本的spket是1.6.23。

选取代码提醒文件的入口文件sdk.jsb3

2、Window -> Preferences -> Spket -> JavaScript Profiles -> New ;
输入“ExtJS”点击OK;
选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;
选择 “ExtJS”并点击“Add File”,然后在你的./ext-x.x.x/build目录中选取“sdk.jsb3” 文件;(如:F:\ext-4.1.0\build)

这一步最为关键,因为extjs4.1自带的sdk.jsb3文件里面的路径所有都是错误的,按照上下级的目录关系需要对目录结构重新调整。

先把platform替换成src

然后把“src替换成”../src

还有就是把pkgs替换成../pkgs

好了保存,大公告成。

把js的默认编辑器和spket进行关联
3、Window -> Preferences ->General-> Editors-> File Association
选择File type为JS,并在下面的Associated editorsl,选中Spket JavaScript Editor,并单击右边的【Defaul】按钮即可。

重启eclipse,使配置信息生效

4、重启后确认JS文件是用编辑器Spket Javascript Editor打开,输入Ext.后面就自动弹出extjs4.1的所有类库信息,对extjs4.1的代码编写确实减少了很多工作量。

你可能感兴趣的:(配置ext4.1的eclipse的开发环境,主要是spket插件的使用)