sencha touch安装使用

Sencha被翻译成“煎茶”，Sencha下有很多优秀的项目比如Complete 、Extjs、Touch、Animator、GXT 、Architect等其它相关产品。

Sencha Touch 2 作为一种高性能的 HTML5 移动应用程序框架，是 Sencha HTML5 平台的基础。

这里将简要介绍如何使用 Sencha Cmd创建Touch项目。

安装各种浏览器，有IE、firefox、chrome就差不多了。

下载Sencha cmd 和sencha touch 。到官网上下载就可以，打开网页非常慢，我给出我自己的下载地址吧：

下载安装java1.6以上最好。

Sencha 官网：http://www.sencha.com

Sencha cmd ： http://www.sencha.com/products/sencha-cmd/

sencha touch ：http://www.sencha.com/products/touch/

下载 ruby：http://rubyinstaller.org/downloads/

生成工程包编译的时候要用到，安装的时候全部选择或者选择第二项就可以了。

安装Ruby



安装后，编辑扩展主题样式需要compass，运行安装好的ruby下的命令行工具，输入下边的命令慢慢等待远程安装完成。

gem install compass





安装sencha cmd ，直接点击安装就可以，安装后在系统path里面写入了路径，所以直接

Sencha help 就有显示，如果没有，可以进行安装目录里面，运行。





接着就是解压Sencha Touch 2.4到任一目录下。 在该目录下按住“shift”键，右键选择打开命令窗口（win8系统下）。

你的APP应用想放在哪个目录下先新建一个空白的目录。接着就是运行下面的命令来创建app。

sencha generate app APP名称 APP存放路径

比如我的就是这样输入：

sencha generate app test1 E:\sencha_touch_app

另一种方式：sencha -sdk sdk所在目录路径 generate app 名称 app要放的地方路径



生成的目录结构：



不需要web容器来启动应用。

接着敲如下命令：

sencha web start -map test1=app路径,abc=app2路径...



这样就可以通过http://localhost:1841/test1 或者http://localhost:1841/abc访问了，直接 sencha web start默认的是Sencha Cmd安装目录。



可以使用CTRL+c停止虚拟机服务或者重新打开一个命令行，输入 sencha web stop即可

手机上浏览体验更佳。

因在官网上下载这些软件比较耗时，所以我打包放到网盘供大家下载吧！

地址：http://pan.baidu.com/s/1c0w8QFe

压缩包里面包含的内容：