Sencha被翻譯成“煎茶”,Sencha下有很多優秀的項目比如Complete 、Extjs、Touch、Animator、GXT 、Architect等其它相關產品。
Sencha Touch 2 作爲一種高性能的 HTML5 移動應用程序框架,是 Sencha HTML5 平臺的基礎。
這裏將簡要介紹如何使用 Sencha Cmd創建Touch項目。
安裝各種瀏覽器,有IE、firefox、chrome就差不多了。
下載Sencha cmd 和sencha touch 。到官網上下載就可以,打開網頁非常慢,我給出我自己的下載地址吧:
下載安裝java1.6以上最好。
Sencha 官網:http://www.sencha.com
Sencha cmd : http://www.sencha.com/products/sencha-cmd/
sencha touch :http://www.sencha.com/products/touch/
下載 ruby:http://rubyinstaller.org/downloads/
生成工程包編譯的時候要用到,安裝的時候全部選擇或者選擇第二項就可以了。
安裝Ruby
安裝後,編輯擴展主題樣式需要compass,運行安裝好的ruby下的命令行工具,輸入下邊的命令慢慢等待遠程安裝完成。
gem install compass
安裝sencha cmd ,直接點擊安裝就可以,安裝後在系統path裏面寫入了路徑,所以直接
Sencha help 就有顯示,如果沒有,可以進行安裝目錄裏面,運行。
接着就是解壓Sencha Touch 2.4到任一目錄下。 在該目錄下按住“shift”鍵,右鍵選擇打開命令窗口(win8系統下)。
你的APP應用想放在哪個目錄下先新建一個空白的目錄。接着就是運行下面的命令來創建app。
sencha generate app APP名稱 APP存放路徑
比如我的就是這樣輸入:
sencha generate app test1 E:\sencha_touch_app
另一種方式:sencha -sdk sdk所在目錄路徑 generate app 名稱 app要放的地方路徑
生成的目錄結構:
不需要web容器來啓動應用。
接着敲如下命令:
sencha web start -map test1=app路徑,abc=app2路徑...
這樣就可以通過http://localhost:1841/test1 或者http://localhost:1841/abc訪問了,直接 sencha web start默認的是Sencha Cmd安裝目錄。
可以使用CTRL+c停止虛擬機服務或者重新打開一個命令行,輸入 sencha web stop即可
手機上瀏覽體驗更佳。
因在官網上下載這些軟件比較耗時,所以我打包放到網盤供大家下載吧!
地址:http://pan.baidu.com/s/1c0w8QFe
壓縮包裏面包含的內容: