sencha touch2 结构

 

• 资料下载       

 

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的代码进行打包

官网上说有三种打包方式：

1. testing     测试包，方便debug代码没有混淆
2. package   代码混淆，但是不设置HTML5的缓存功能
3. production  代码混淆，同时设置缓存功能

对应的命令如下：sencha app build production/testing/package

CMD中进入appDemo路径下，执行上述命令

 

如果命令执行过程中出错：

  原因1：需要安装ruby工具，sencha cmd运行时候需要的工具

  原因2：代码不规范，这个命令检查代码很严格，必须按照ST的规范写

  原因3：非MVC目录下的我们自定义的JS文件不需要打包

 

执行成功后生成的打包文件放在./build文件夹下