senchatouch学习笔记安装与环境（2013网页装在兜里）

sencha touch 是Extjs 的手机版&＃xff0c;Extjs是创建富客户端的AJAX应用中的重量级框架&＃xff0c;sencha touch当然就是面向触摸设备的重量级js框架&＃xff0c;

在做基于桌面的网页时经常用的js库是jquery&＃xff0c;Extjs很少用&＃xff0c;几乎没用过&＃xff0c;1是因为Extjs“重”&＃xff0c;加载时间长&＃xff1b;2是因为Extjs自称体系学起来难度大&＃xff0c;插件没jquery多。

       在phonegap出现后&＃xff0c;sencha touch这个重量级框架&＃xff0c;值得学习了一下&＃xff0c;稳定性比jquery等强多了&＃xff0c;&＃xff08;ps&＃xff1a;phonegap将所有静态资源文件打包为安装包&＃xff0c;安装的智能手机上&＃xff09;

官网地址&＃xff1a;http://www.sencha.com/products/touch/

官当最新doc&＃xff1a;http://docs.sencha.com/touch/

首先下载 sencha touch 的sdk &＃xff08;一个js压缩包&＃xff09;&＃xff0c;现在最新的版本为2.2

    下载地址&＃xff1a;http://www.sencha.com/products/touch/download/

然后下载 sencha touch cmd&＃xff0c;一个工具&＃xff0c;主要用来创建项目、生成测试包、部署包等

   下载地址&＃xff1a;http://www.sencha.com/products/sencha-cmd/download/

用 sencha touch cmd 生成测试包或部署包时调用的命令需要ruby&＃xff0c;主要用来做js和css压缩

  下载地址&＃xff1a;http://rubyinstaller.org/  &＃xff08;ps&＃xff1a;需要下载1.93的版本&＃xff0c;不要下载2.0的版本&＃xff09;

安装之后 测试cmd 是否安装成功

运行-》cmd &＃xff1b;输入sencha&＃xff0c;看到下面的就说明cmd安装好了

然后把目录切换到 sencha sdk 的目录

例如我的 目录是 E:\extjs\st

这样就切换好目录了

然后创建一个项目&＃xff0c;看看sdk和cmd匹配不匹配

输入  命令

sencha generate app GS ../GS

如果没有问题 就说明 创建项目成功了 创建和生成项目&＃xff08;ps&＃xff1a;测试项目也很重要&＃xff09;

然后用iis创建一个虚拟目录&＃xff0c;并添加.json mime&＃xff0c;就可以直接访问了&＃xff0c;

通常作为测试和安装都需要打包

首先打包&＃xff0c;打一个测试包&＃xff0c;测试包

将目录切换到 项目目录 例如 我创建的目录是E:\extjs\GS2&＃xff0c;

1 打包 文件目录包&＃xff08;在phonegap里面是按照本地文件浏览的&＃xff09;

命令&＃xff1a;sencha app build package&＃xff0c;如果没有问题打包就成功&＃xff0c;通常出的问题都是ruby版本安装不对&＃xff0c;

打包后在这个目录下E:\extjs\GS2\build\GS2\package 可以浏览&＃xff0c;是直接浏览&＃xff0c;打开文件即可

再打包一个测试包 为了平时测试号调试

命令&＃xff1a;sencha app build testing

浏览目录E:\extjs\GS2\build\GS2\testing

看 js 没有压缩&＃xff0c; url也没加时间戳&＃xff0c;可以方便调试设断点等