- 资料下载
Sencha Touch2 源码官网下载地址： http://www.sencha.com/products/touch/download/
Sencha Cmd 下载地址：http://www.sencha.com/products/sencha-cmd/download
ruby 下载地址：http://www.ruby-lang.org/zh_cn/downloads/
- 源码目录介绍
- 用sencha cmd生成 demo工程
为了确保sencha cmd安装正确，打开系统CMD窗口输入sencha命令没有报错
cmd中进入解压后的sencha touch2的源码目录输入命令
sencha generate app appDemo /path/appDemo
生成的appDemo存放于 /path/appDemo，这个目录要保管好，后面对代码打包时候需要用到这个目录
- appDemo目录结构说明
--app 中存储的是MVC框架包括 controller、model、profile、store、view
--.sencha 打包用到的必要目录不要轻易修改，也不需要引入工程中
--build 打包后的文件存储的路径
--resources ST自带的css及image和自定义图标的文件
--touch 组件源码
--app.js js启动主目录
--app.json 动态引入JS的json文件自己定义的工具JS不要放到里面，不需要动态加载
备注：自定义的JS工具文件直接在index.html中引入即可
- 用sencha cmd对ST的代码进行打包
官网上说有三种打包方式：
- testing 测试包，方便debug代码没有混淆
- package 代码混淆，但是不设置HTML5的缓存功能
- production 代码混淆，同时设置缓存功能
对应的命令如下：sencha app build production/testing/package
CMD中进入appDemo路径下，执行上述命令
如果命令执行过程中出错：
原因1：需要安装ruby工具，sencha cmd运行时候需要的工具
原因2：代码不规范，这个命令检查代码很严格，必须按照ST的规范写
原因3：非MVC目录下的我们自定义的JS文件不需要打包
执行成功后生成的打包文件放在./build文件夹下