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

 

目录
相关文章
|
3月前
|
JavaScript 前端开发 网络协议
​Node.js 教程(一) 基本概念与基本使用
​Node.js 教程(一) 基本概念与基本使用
|
3月前
|
JavaScript 前端开发
JS将两个数组和合并成数组包对象格式的方法
JS将两个数组和合并成数组包对象格式的方法
30 0
|
4月前
|
JavaScript Android开发
AutoJs4.1.0实战教程---js文件打包发布成APK文件
AutoJs4.1.0实战教程---js文件打包发布成APK文件
162 0
AutoJs4.1.0实战教程---js文件打包发布成APK文件
|
4月前
|
JavaScript 前端开发 算法
Node.js中的process.nextTick与浏览器环境中的nextTick有何不同?
Node.js中的process.nextTick与浏览器环境中的nextTick有何不同?
|
4月前
|
JavaScript 前端开发
手把手教你学会js的原型与原型链,猴子都能看懂的教程
手把手教你学会js的原型与原型链,猴子都能看懂的教程
|
3天前
|
Web App开发 JavaScript 前端开发
《手把手教你》系列技巧篇(三十九)-java+ selenium自动化测试-JavaScript的调用执行-上篇(详解教程)
【5月更文挑战第3天】本文介绍了如何在Web自动化测试中使用JavaScript执行器(JavascriptExecutor)来完成Selenium API无法处理的任务。首先,需要将WebDriver转换为JavascriptExecutor对象,然后通过executeScript方法执行JavaScript代码。示例用法包括设置JS代码字符串并调用executeScript。文章提供了两个实战场景:一是当时间插件限制输入时,用JS去除元素的readonly属性;二是处理需滚动才能显示的元素,利用JS滚动页面。还给出了一个滚动到底部的代码示例,并提供了详细步骤和解释。
28 10
|
1天前
|
存储 JavaScript 前端开发
Javascript教程
Javascript教程
7 0
|
2天前
|
Java 开发工具 Android开发
如何在Eclipse中查看Android源码或者第三方组件包源码(转)
如何在Eclipse中查看Android源码或者第三方组件包源码(转)
10 4
|
2天前
|
存储 Java 开发工具
在Eclipse配置安装Android详细教程(新手)
在Eclipse配置安装Android详细教程(新手)
12 1
|
2天前
|
JavaScript 前端开发 Java
《手把手教你》系列技巧篇(四十)-java+ selenium自动化测试-JavaScript的调用执行-下篇(详解教程)
【5月更文挑战第4天】本文介绍了如何使用JavaScriptExecutor在自动化测试中实现元素高亮显示。通过创建并执行JS代码,可以改变元素的样式,例如设置背景色和边框,以突出显示被操作的元素。文中提供了一个Java示例,展示了如何在Selenium中使用此方法,并附有代码截图和运行效果展示。该技术有助于跟踪和理解测试过程中的元素交互。
8 0

推荐镜像

更多