日期:2014-05-16  浏览次数:20444 次

【Extjs】eclipse 部署EXTJS

下载:ExtJS 4.1.1 

在Eclipse中安装spket插件

下载:spket-1.6.23.zip
最低要求:你需要java 1.5或更高版本运行安装程序,可独立使用
步骤:
1.作为eclipse的插件使用,按Plugin进入下载页面把他下载下来。
2.下载完成解压文件得到一个eclipse文件夹,将文件夹下的plugins和features两个文件夹拷贝到使用的 Eclipse安装包下覆盖原有同名文件夹,
3.启动Eclipse,在工具栏 window中打开preferences,弹出对话框左边会看到Spket,
4.打开Spket下的JavaScript Profile,点击 New,添加Ext(名称可自定义)
5.点击Ext,选择右边的Add Library,选择 ExtJS
6.选中ExtJS,选择右边的Add File,选中已下载的并解压的ExtJS包的根目录下的build下的sdk.jsb3
7.这时会出现很多的选择框,我是全选了,点击ok就安装好了,
8.选中Ext,点击右面的Default,ok,然后重启eclipse,如果还不行,选中建立的js文件右击,有 Open With,选择 Spket JavaScript Editor,这样就应该可以了

 让spket作为javascript的默认编辑器

步骤:

Eclipse工具栏 window --> preferences --> Editors -->  File Associations --> 右面的File types选中*.js --> 下面的Associated editors选中Spket javascript Editor --> 按右面的按钮Default --> OK退出

建立js文件,的图标变成js文件对应的图片就成功了。

Hello word 项目建立

1.eclipse中新建Dynamic Web Project项目,命名为ExtjsTest
2.为避免eclipse的校验可进行如下操作
     i 选中工程右键 --> Properties --> Resource  -->