Eclipse利用Spket包搭建Ext js环境教程

简介: ------------------------------------------------- 1.准备的东西 extjs 3.4 js包源码:http://download.csdn.net/download/zzzzjjjjjjjjj/3643328 或者自己百度去下。

-------------------------------------------------

1.准备的东西

extjs 3.4 js包源码:http://download.csdn.net/download/zzzzjjjjjjjjj/3643328 或者自己百度去下。

ext.jsb :http://ishare.iask.sina.com.cn/f/19219739.html?from=dl 或者自己百度去下。

eclipse +jdk :这个,你肯定有的。

Spket.jar包:http://download.csdn.net/download/xy199121/4031519 或者自己百度去下。

-------------------------------------------------

2.首先,关闭你的eclipse,然后双击Spket.jar,在jdk6.0以上版本上可以直接通过双击jar包进行安装截图如下双击 这个Spket.jar包文件 -- 》

 img_e25aeef212f2003b6dc3903bef6a9a15.jpg

一、点击下一步next

img_cbafb3c0c4625909b0f0dfc54a759c87.jpg

 

 eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

二、点击browser,找到你的eclipse所在路径

eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

三、输入Spket要保存的路径,比如你放在F盘。。

eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

至此,安装完成。

下面开始配置Spket

四、

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

基本步骤如下:

1)Window → Preferences → Spket ; 

eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

 

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

eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

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

eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

4)选择 “ExtJS”并点击“Add File”,然后去找你刚刚下载的“ext.jsb” 文件,于此同时要把另外两个js文件也一起选中ext-all.js和ext-all-debug.js;

 

 eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

 

img_b6b85a7238d96fe9ed9069f113e00a7d.jpg


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

eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

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

 eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

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

6)重启eclipse或者Myeclipse;

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

 

 

-------------------------------------------------

参考博客  http://www.cnblogs.com/tanhao/archive/2011/05/26/2057770.html

 

目录
相关文章
|
2月前
|
JavaScript 前端开发 网络协议
​Node.js 教程(一) 基本概念与基本使用
​Node.js 教程(一) 基本概念与基本使用
|
3月前
|
JavaScript Android开发
AutoJs4.1.0实战教程---js文件打包发布成APK文件
AutoJs4.1.0实战教程---js文件打包发布成APK文件
80 0
AutoJs4.1.0实战教程---js文件打包发布成APK文件
|
3月前
|
JavaScript 前端开发
手把手教你学会js的原型与原型链,猴子都能看懂的教程
手把手教你学会js的原型与原型链,猴子都能看懂的教程
|
4月前
|
开发框架 JSON JavaScript
Node.js教程-express框架
Node.js教程-express框架
39 1
|
1月前
|
JavaScript 前端开发 网络架构
JavaScript的数组教程(最详细,更新至es6新语法)
JavaScript的数组教程(最详细,更新至es6新语法)
|
2月前
|
域名解析 JavaScript 关系型数据库
使用宝塔面板安装wiki.js详细教程
使用宝塔面板安装wiki.js详细教程
|
3月前
|
前端开发 JavaScript 容器
【详细教程】HTML、CSS 和 JS 实现一个任务管理工具-ToDoList
【详细教程】HTML、CSS 和 JS 实现一个任务管理工具-ToDoList
42 1
【详细教程】HTML、CSS 和 JS 实现一个任务管理工具-ToDoList
|
3月前
|
JavaScript Ubuntu 前端开发
百度搜索:蓝易云【ubuntu安装开发javascript ubuntu script教程】
现在,你已经在Ubuntu上成功安装了JavaScript开发环境,可以开始编写和运行JavaScript代码了。注意,在编写代码之前,建议先创建一个项目文件夹,并在其中初始化npm,这样你可以管理项目的依赖项和配置。
32 5
|
3月前
|
JavaScript 关系型数据库 MySQL
百度搜索:蓝易云【Node.js写接口连接MySQL数据库教程】
现在,你的Node.js应用已经启动,可以通过访问 `http://localhost:3000/users`来获取所有用户的信息。注意替换上述代码中的数据库连接信息为你自己的实际数据。
47 0
|
3月前
|
JavaScript 前端开发
【JavaScript保姆级教程】switch分支与while循环
【JavaScript保姆级教程】switch分支与while循环
【JavaScript保姆级教程】switch分支与while循环

推荐镜像

更多