sencha touch2学习笔记(一)---环境搭建和开发工具配置

原文链接：http://chennaigong.iteye.com/admin/blogs/1542268

最近正在了解html5的相关知识。知道了一个html5的框架-sencha touch 2。它的前身是ExtJs(js重量级框架，封装了一些ui控件)。sencha touch2是专门为手机开发的一套框架。可以适用于多个手机操作系统，其实就是兼容手机上的浏览器。

想更多的了解sencha touch2可以参照http://baike.baidu.com/view/3800552.htm和http://extjs.org.cn/。如果英文好的话可以去他的官网。

首先是搭建环境：

要想使用sencha touch2框架 ，必须下载它的库文件。下载地址是http://www.sencha.com/products/touch/download/。它首先要你填写你的邮箱，然后会将下载地址发你的邮箱（不知道这样为什么。。）

下载下来之后，我们提取其中的sencha-touch.css（resouces\css路径下）sencha-touch-debug.js(根目录下)，和src文件夹及其子文件。这环境的搭建我曾在网上搜索过，很多篇文章。但貌似试过来，都不行（这时我开始怀疑自己的智商了）。 后来我就乱配了。。   不知道怎么的可以了。原来是我没将src文件夹弄进来。我看了下src下的文件。都是一些库文件，像java一样,js的一个个类。（呵呵，我不是很懂一些js的一些底层东西，所以学学框架就行了，毕竟在应用中，暂时还没用到过，全凭兴趣）。我就根据网上的做了个hello world的sencha touch2小例子。就放在附件中。

然后是开发工具：

因为我曾经学过ext，也用它做过一些小东西。我学ext的时候，写ext代码的时候选择的工具是myeclipse+spket插件。

我想ext 和 sencha touch2都一家公司的，那么spket插件估计也适用于sencha touch2吧。

我就尝试性地配了下，结果还真行。

我用的spket版本是1.6.23。我选择eclipse+spket。还好spket插件和android的adt插件不冲突。（曾经了解到jbpm的jdtl插件会和adt冲突的）。

eclipse我很早就有了，没有的话可以去官网下个最新版的。我选择spket的安装方式是在线安装，地址是http://www.agpad.com/update/。当然你可以直接下载，地址是http://www.spket.com/download.html。然后就可以安装了。安装好了之后 ，重启下eclipse。点击windows->preferences  出来个框框。左边列表会出现spket（如果没出现，呵呵，估计就是安装失败了，重新装下）。选择spket下的javascript profiles.点击new,输入编辑器名字(我叫sencha)，确定。然后选择刚建出来的编辑器，右边的add library可以点击了，点击下，选择extjs.然后选中刚建出来的，点击add file，选择你下载的sencha touch2 sdk根目录下的touch.jsb3。然后选择sencha，设置为default。  然后确定，就ok了。  这里可以理解touch.jsb3为一个引导文件一样，将spket引导至sencha touch sdk下的库文件。

然后就可以开始sencha touch2的代码编写了，写代码有智能提示哦。

 

对了 ，补充一句 ，这个只能在苹果浏览器里才能出现效果，谷歌的我的版本貌似太旧，出现不了。但是我在android手机上试过，是可以的。我试的手机是g11 android2.3.3。

评论

7 楼 348725767 2012-11-21  

twins222 写道

请问，要怎么做才能在手机端运行呢？需要打包？还是怎么弄？谢谢回答

这个有很多种方法。可以用sencha touch写个服务端页面然后手机访问；还可以用sencha touch写个html页面嵌入至项目中，然后通过android自带的webview来浏览。

6 楼 twins222 2012-11-21  

请问，要怎么做才能在手机端运行呢？需要打包？还是怎么弄？谢谢回答

5 楼 348725767 2012-07-14  

jdpxiaoming 写道

348725767 写道

jdpxiaoming 写道

我试过了 ，不可以 我又下载了 ext4.07然后使用里面的 ext-all-debug-w-commen.js 发现这个可以提示 不过 如何 我发现 有部分的 js文件 会报错，初步认为是 因为 spket默认只支持 jsb1 和 2,. 我再 找找看如何 支持 jsb3.

还可以在线安装http://www.agpad.com/update/是在线安装的地址，官网上都有的

很感谢博主，我的意思是 spket安装成功 了 但是 添加的 extjs提示 没有出来 - -要 用 ext4.07提供的 ext-all-debug-w-commen.js才会有提示。

额 你不是说你的spket不支持jsb3么，这个在线安装的spket版本高点的，是支持jsb3的。

4 楼 jdpxiaoming 2012-07-11  

348725767 写道

jdpxiaoming 写道

我试过了 ，不可以 我又下载了 ext4.07然后使用里面的 ext-all-debug-w-commen.js 发现这个可以提示 不过 如何 我发现 有部分的 js文件 会报错，初步认为是 因为 spket默认只支持 jsb1 和 2,. 我再 找找看如何 支持 jsb3.

还可以在线安装http://www.agpad.com/update/是在线安装的地址，官网上都有的

很感谢博主，我的意思是 spket安装成功 了 但是 添加的 extjs提示 没有出来 - -要 用 ext4.07提供的 ext-all-debug-w-commen.js才会有提示。

3 楼 348725767 2012-06-24  

jdpxiaoming 写道

我试过了 ，不可以 我又下载了 ext4.07然后使用里面的 ext-all-debug-w-commen.js 发现这个可以提示 不过 如何 我发现 有部分的 js文件 会报错，初步认为是 因为 spket默认只支持 jsb1 和 2,. 我再 找找看如何 支持 jsb3.

还可以在线安装http://www.agpad.com/update/是在线安装的地址，官网上都有的

2 楼 348725767 2012-06-24  

jdpxiaoming 写道

我试过了 ，不可以 我又下载了 ext4.07然后使用里面的 ext-all-debug-w-commen.js 发现这个可以提示 不过 如何 我发现 有部分的 js文件 会报错，初步认为是 因为 spket默认只支持 jsb1 和 2,. 我再 找找看如何 支持 jsb3.

http://www.spket.com/download.html这是spket官网

1 楼 jdpxiaoming 2012-06-24  

我试过了 ，不可以 我又下载了 ext4.07然后使用里面的 ext-all-debug-w-commen.js 发现这个可以提示 不过 如何 我发现 有部分的 js文件 会报错，初步认为是 因为 spket默认只支持 jsb1 和 2,. 我再 找找看如何 支持 jsb3.