環境安裝配置
1. 下載
1.1 Sencha Touch 下載
http://cdn.sencha.com/touch/sencha-touch-2.2.1-gpl.zip
1.2 Sencha Touch Docs下載
http://cdn.sencha.com/downloads/docs/touch-docs-2.2.1.zip
1.3 Sencha Touch CMD下載
http://www.sencha.com/products/sencha-cmd/download
1.4 JRE下載
http://www.oracle.com/technetwork/java/javase/downloads/jre7-downloads-1880261.html
1.5 Ruby 下載
http://rubyinstaller.org/downloads/
2. 安裝
2.1 將Sencha Touch 以及Sencha Touch CMD部署到IIS上
注意需要添加MIME類型擴展名為“.json”,MIME類型為” application/x-json”或“application/x-javascript”；測試網站即可使用
2.2 安裝JRE
2.3 安裝Sencha Touch CMD
2.4 安裝Ruby：
Ruby 安裝之后 ，打開Start Command Prompt with Ruby，命令控制器：輸入sass –v 提示不是內部命名，這時需要安裝：gem install sass 安裝即可，安裝之后繼續安裝compass：gem install compass。
3. 創建第一個App
從CMD進入SDK（sencha touch）所在的根目錄，使用以下命令創建app
Sencha generate app App名稱 App路徑
例如：sencha generate app MyApp ../MyApp
至此，一個app創建完成
4. App文件簡要描述
app：主要就是模型，視圖，控制器，和商店。（sencha Touch 2主要使用的是MVC模式思想）
app.js:主要的js代碼，以及應用的入口application
app.json:配置文件
index.html：應用的html代碼
packager.json:應用中所用的包
resources：主要是資源文件，CSS、images等
基本介紹：application為應用程序的首要執行方法，launch方法是程序的入口，類似main方法，但是這里的launch可不是唯一進入程序的入口。默認視圖窗口使用卡片布局，默認的應用程序添加到主視圖窗口，使其可以使用
打開文件app/view/Main.js
5. 發布應用
Sencha app build CMD：具體命令有一下幾種
測試程序：testing - intended for QA prior to production. All JavaScript and CSS source files are bundled, but not minified, which makes it easier to debug.
包：package - creates a self-contained, redistributable production build that normally runs from the local file system without a web server.
產品：production - creates a production build that is normally hosted on a web server and serves multiple clients (devices). The build is offline-capable using HTML 5 application cache, and is enabled to perform over-the-air updates.
本地：native - first generates a package build, then packages it as a native application, ready to be deployed to native platforms.
例如：cmd》sencha app build production
第一次運行：可能會出現error
Please ensure this command was executed from a valid application directory
Unable to locate 'app.dir' config property from sencha.cfg
這可能是你沒有進入你的應用程序的根目錄
這時在你的應用程序的Build下即可找到你打包的應用
在線打包
6. 使用在線打包發布各種版本
前提：將剛剛build之后的文件打包成zip格式，即名稱為production.zip
6.1 PhoneGap：打開網址： https://build.phonegap.com/ （提前需要注冊一個賬戶）
6.2 點擊右上角sign in
6.3 在進入之后使用sign in with Github一起登陸，輸入用戶名密碼，登陸就可以了。
6.4 登陸之后右上角會有一個“+new app”，選擇private，選擇upload a.zip file
6.5 上傳production.zip此文件即可
離線打包
7. phonegap離線打包
7.1 下載地址： http://phonegap.com/install/
將docs文檔部署成網站：查看菜單為: Platform Guides
這里你會找到各種平台的部署生成
7.2 安裝 android 開發環境：eclipse、android sdk，adt
7.3 創建一個android應用程序，一直下一步就好
- 進入：E:\Work_Shine\WebFenZhenTai\phonegap-2.9.0\lib\android，也就是phonegap目錄下
- 將“cordova-2.9.0.jar”拷貝至新建android項目的libs下。
- 在任何一個文件夾上右鍵單擊選擇“build Path”-》Configure build path-》libraries-》Add jars-》找到剛剛添加的jar文件。（注：也就是相當於添加引用）
- 在assets上添加文件夾,名稱為：www，並且將“E:\Work_Shine\WebFenZhenTai\phonegap-2.9.0\lib\android”上的cordova.js拷貝過來
- 進入到src-》com.shine.phonegap 下，打開.java文件，將“Activity”寫改成 DroidGap，並添加引用import org.apache.cordova.DroidGap;
- 注釋掉：
/* @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } */ //setContentView(R.layout.activity_main);
以及將“protected void onCreate(Bundle savedInstanceState) {”
修改成public void onCreate(Bundle savedInstanceState) {
添加這句：super.setIntegerProperty("loadUrlTimeoutValue", 60000);//加載url超時時間
繼續添加：super.loadUrl("file:///android_assets/www/index.html");
將生成好的production拷貝至www文件夾即可
附注：android打包
打包，一般時候有些人使用這個保存放位置的bin下的文件下的apk，這是多數沒有簽名，故一般時候使用
項目上—》右鍵單價-》Android Tools-》Export signed Application Package-》下一步-》如果有可以使用原來的，沒有可以創建一個，以及密碼
下一步使用-別名，基本設置。
下一步簽名文件存放位置
至此一個本地打包完成。。