最近群里很多人剛接觸Sencha Touch 對開發Sencha Touch項目以及對做好的項目打包Android應用程序比較不了解，很多人都在問這一塊的操作步驟，今天在機器里裝了一個虛擬機，從0環境開始一步一步配置開發ST項目及生成Android應用程序。
發布了之后發現很多截圖都看不到了，把Word文檔發上來方便大家查看：Architect開發移動項目
文檔內容：
操作步驟：
一、首先提前下載使用的軟件：
二、軟件安裝
三、Sencha Architect創建項目
四、Sencha Architect開發一個List列表
4.1從左側工具箱拖一個Panel到設計窗體
4.2拖一個List控件到Panel
4.3設置Panel布局fit
4.4拖拉store到右側項目結構中的Stores
4.5設置List的數據源
4.6設置list的item顯示模板
4.7切換回Design頁面，查看效果
4.8使用Safari瀏覽項目下的index.html文件
五、使用Sencha Cmd對項目進行打包壓縮
文檔內容：
（1） Sencha Architect開發ST2項目
（2） Sencha Cmd對項目進行打包壓縮（apk）
操作步驟：
一、首先提前下載使用的軟件：
（1） Sencha Touch SDK
http://cdn.sencha.com/touch/sencha-touch-2.2.1-commercial.zip
Sencha Cmd
http://www.sencha.com/products/sencha-cmd/download
Sencha Architect
http://cdn.sencha.io/architect/2.2.2-stable/SenchaArchitect-2.2.exe
（2） Android SDK Tools（32位）
http://dl.google.com/android/android-sdk_r22.0.5-windows.zip
（3） JDK
http://download.oracle.com/otn-pub/java/jdk/7u40-b43/jdk-7u40-windows-i586.exe
JRE （Java Runtime Environment）http://www.oracle.com/technetwork/java/javase/downloads/jre7-downloads-1880261.html
（4） Ruby（需要2.0版本以下不包含2.0）
http://dl.bintray.com/oneclick/rubyinstaller/rubyinstaller-1.9.3-p448.exe?direct
（5） 一款支持html5的瀏覽器（safari或chrome）
二、軟件安裝
（所有軟件安裝目錄避免出現中文目錄，否則執行sencha cmd容易識別為亂碼造成執行失敗）
（1） 解壓Sencha Touch SDK，解壓目錄放在D:\touch-2.2.1文件夾
（2） 安裝JRE、Sencha CMD（安裝cmd的時候，避免目錄出現空格）、Ruby
（3） 安裝Sencha Architect
（4） 如果想把開發的ST項目做成apk文件，則繼續安裝 JDK和Android SDK
（5） 打開Android SDK Tool下載Android開發需要下載的環境，自檢過程中可能會無法連接Google（Failed to fetch URL https://dl-ssl.google.com/android/repository/addons_list-2.xml, reason: Connection to https://dl-ssl.google.com refused），用記事本打開用c:\WINDOWS\system32\drivers\etc中的hosts文件、在最后一行添加74.125.237.1 dl-ssl.google.com
點按鈕“install 12 packages”
安裝完成之后檢查環節變量的配置情況：
在cmd命令行里輸入：java（檢查JRE）、sencha（檢查Sencha Cmd）、ruby（檢查Ruby）、keytool（檢查JDK）如果有問題，手動把安裝目錄添加到環境變量中
設置如下環境變量
一：點“新建”，然后在變量名寫上JAVA_HOME，顧名其意該變量的含義就是java的安裝路徑，呵呵，然后在變量值寫入剛才安裝的路徑“C:\jdk1.6”。（注：如果安裝的路徑不是磁盤C或者不是在jdk1.6這個文件夾，可對應修改。以下文字都是假定安裝在C:\jdk1.6里面。）
二：其次在系統變量里面找到path，然后點編輯，path變量的含義就是系統在任何路徑下都可以識別java命令，則變量值為“.;%JAVA_HOME%\bin”，(其中“%JAVA_HOME%”的意思為剛才設置JAVA_HOME的值），也可以直接寫上“C:\jdk1.6\bin”
三：最后再點“新建”，然后在變量名上寫classpath,該變量的含義是為java加載類(class or lib)路徑，只有類在classpath中，java命令才能識別。其值為“.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\toos.jar (要加.表示當前路徑)”，與相同“%JAVA_HOME%有相同意思”
三、Sencha Architect創建項目
（1）
（2）點菜單中的保存（Save）
（6） 使用Sencha Cmd創建項目
設置Sencha Cmd目錄
設置Sencha Touch SDK目錄，點擊Setup Project with Cmd
創建packager.json（點擊Add Package Settings）
四、Sencha Architect開發一個List列表
需要用到的控件有：Panel、List、Store
4.1從左側工具箱拖一個Panel到設計窗體
4.2拖一個List控件到Panel
4.3設置Panel布局fit
4.4拖拉store到右側項目結構中的Stores
設置store的屬性：
添加字段，點擊圖中的（+），增加兩個字段（ID、Name）
添加數據
添加如下結構的數據：
4.5設置List的數據源
搜索store屬性，在下拉菜單中選擇第四步中的store
4.6設置list的item顯示模板
設置如下內容：
4.7切換回Design頁面，查看效果
4.8使用Safari瀏覽項目下的index.html文件
safari可以直接瀏覽文件，chrome和ie9、ie10需要先對項目發布后使用web地址瀏覽。
五、使用Sencha Cmd對項目進行打包壓縮
首先在Architect中對Packager.json進行設置
（1）設置打包平台（Android或iOS），設置屬性platform，下拉菜單中選擇Android
（2）設置Android SDK的目錄（相對目錄和絕對目錄均可），注意目錄中使用”/“不要使用”\”
（3）設置安卓SDK的版本號（版本號可以通過Android SDK目錄下的SDK Manage.exe查看）
（4）設置簽名目錄（certificatePath）、別名（certificateAlias）和密碼（certificatePassword）的方法，查看http://docs.sencha.com/cmd/3.1.2/#!/guide/native_packaging中的第一步操作（keytool命令生成簽名文件）
（5）在命令行中使用cd切換當前目錄到你的ST2項目目錄，然后輸入命令sencha app build native 打包本地文件（直接創建apk文件，且對js文件進行壓縮）
（6）打包完成之后在你項目目錄的build\test會有兩個文件夾：native和package
Native里有一個test.apk文件（安卓應用程序）
package文件夾可以作為你的web的發布文件（cmd使用cd切換到package目錄），運行命令 sencha fs web –port 8000 start –map . 發布package文件夾為8000端口網站，然后用safari瀏覽：http://localhost:8000，會看到如下效果：