sencha touch 學習筆記- 安裝與環境(2013網頁裝在兜里)


sencha touch 是Extjs 的手機版,Extjs是創建富客戶端的AJAX應用中的重量級框架,sencha touch當然就是面向觸摸設備的重量級js框架,

在做基於桌面的網頁時經常用的js庫是jquery,Extjs很少用,幾乎沒用過,1是因為Extjs“重”,加載時間長;2是因為Extjs自稱體系學起來難度大,插件沒jquery多。

       在phonegap出現后,sencha touch這個重量級框架,值得學習了一下,穩定性比jquery等強多了,(ps:phonegap將所有靜態資源文件打包為安裝包,安裝的智能手機上)

下載

官網地址:http://www.sencha.com/products/touch/

官當最新doc:http://docs.sencha.com/touch/

首先下載 sencha touch 的sdk (一個js壓縮包),現在最新的版本為2.2

    下載地址:http://www.sencha.com/products/touch/download/

然后下載 sencha touch cmd,一個工具,主要用來創建項目、生成測試包、部署包等

   下載地址:http://www.sencha.com/products/sencha-cmd/download/

用 sencha touch cmd 生成測試包或部署包時調用的命令需要ruby,主要用來做js和css壓縮

  下載地址:http://rubyinstaller.org/  (ps:需要下載1.93的版本,不要下載2.0的版本)

安裝

安裝之后 測試cmd 是否安裝成功

運行-》cmd ;輸入sencha,看到下面的就說明cmd安裝好了

image

然后把目錄切換到 sencha sdk 的目錄

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

image

這樣就切換好目錄了

然后創建一個項目,看看sdk和cmd匹配不匹配

輸入  命令

sencha generate app GS ../GS
 
如果沒有問題 就說明 創建項目成功了

創建和生成項目(ps:測試項目也很重要)

然后用iis創建一個虛擬目錄,並添加.json mime,就可以直接訪問了,
通常作為測試和安裝都需要打包
首先打包,打一個測試包,測試包
將目錄切換到 項目目錄 例如 我創建的目錄是E:\extjs\GS2,
1 打包 文件目錄包(在phonegap里面是按照本地文件瀏覽的)
命令:sencha app build package,如果沒有問題打包就成功,通常出的問題都是ruby版本安裝不對,
打包后在這個目錄下E:\extjs\GS2\build\GS2\package 可以瀏覽,是直接瀏覽,打開文件即可
image 
再打包一個測試包 為了平時測試號調試
命令:sencha app build testing
瀏覽目錄E:\extjs\GS2\build\GS2\testing
看 js 沒有壓縮, url也沒加時間戳,可以方便調試設斷點等
image 
 
 
 
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM