sencha touch安裝使用

Sencha被翻譯成煎茶Sencha下有很多優秀的項目比如Complete ExtjsTouchAnimatorGXT Architect等其它相關產品。

Sencha Touch 2 作爲一種高性能的 HTML5 移動應用程序框架,是 Sencha HTML5 平臺的基礎。

這裏將簡要介紹如何使用 Sencha Cmd創建Touch項目。

安裝各種瀏覽器,有IEfirefoxchrome就差不多了。

下載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

壓縮包裏面包含的內容:


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章