Sencha Touch开发环境搭建及ext插件Spket安装

第一步:JAVA SDK(JDK)的安装

以去问百度下载JDK,也可以到官方下载JDK。

下载地址: http://www.oracle.com/technetwork/java/javase/downloads/index.html

 

第二步:下载ADT-Bundle for Windows我使用谷歌的ADT

下载地址:http://developer.android.com/sdk/index.html

 

第三步:安装ADT-Bundle

把下载下来的ADT-Bundle直接解压到你所需的安装目录就可以使用了。

 

第四步:下载spket-1.6.23.zip破解版压缩版

下载地址:http://download.csdn.net/detail/liluping860122/6918317

注意此处下载的spket需要破解版本,负责可能最后配置了也不会提示。

 

第五步:安装spket

把下载下来的spket解压后得到:features和plugins两个文件夹,直接复制到ADT-Bundle中eclipse文件夹下。

 

第六步:下载ext-4.2.1-commercial.zip压缩版

下载地址:http://download.csdn.net/download/start_baby/6280877

 

第七步:安装ext

把下载下来的ext解压到安装目录,解压后如图:

Sencha Touch开发环境搭建及ext插件Spket安装_第1张图片

 

第八步:下载ext.jsb文件  因为ExtJs4.0版本后并没有ext.jsb的文件。如果是4.0之前版本可以忽略此步骤。

下载地址:http://download.csdn.net/detail/liluping860122/6918345 

 

第九步:把下载下来的ext.jsb文件解压后复制到ext安装目录中的的src文件夹中,即第七步截图中的src文件夹中。

提示:如果不是src文件中可能导致不会提示!

 

第十步:配置eclipse的Spket支持ext的智能提示。

1、点击Window——》Preferences——》Spket——》javaScript Profiles  如图:

Sencha Touch开发环境搭建及ext插件Spket安装_第2张图片

2、点击【New】按钮,name输入”ExtJS“,点【OK】

Sencha Touch开发环境搭建及ext插件Spket安装_第3张图片

3、选种ExtJS,点击【Add Library】按钮,然后Library选择“ExtJS”,然后点击【OK】按钮。

Sencha Touch开发环境搭建及ext插件Spket安装_第4张图片

4、选种ExtJS,点击【Add File】按钮,选择添加ext-all.js、ext-all-debug.js、ext.jsb 三个文件

提示:ext-all.js、ext-all-debug.js必须选择,否则可能不会提示,这2个文件在ext的安装目录中,在步骤七中截图中可以看到。

而ext.jsb文件在src文件中选择,步骤八和步骤九中提到。

然后勾选ExtJS需要提示组件信息,如下图:

Sencha Touch开发环境搭建及ext插件Spket安装_第5张图片

5、选择ExtJS,点击右边的【Default】按钮,设置为默认,点击【OK】保存。

Sencha Touch开发环境搭建及ext插件Spket安装_第6张图片

 

第十一步:在打开JS文件的时候右键Open Width——》 Spket JavaScript Editor方式打开就可以使用Ext JS的相关提示了:

Sencha Touch开发环境搭建及ext插件Spket安装_第7张图片

 

你可能感兴趣的:(touch,sencha)