1 開發工具准備
1.1 工具下載:
1、編碼工具(推薦)
2、SenchaSDK用來創建、打包sencha項目
SenchaSDKTools-2.0.0-beta3-windows.exe
3、Sencha touch源碼及API文檔
sencha-touch-2.0.1.1-commercial.zip
4、SASS開發工具(預編譯sass文件)
1.2 工具安裝:
1、WebStorm安裝很簡單,一直點next就OK,但安裝好后只能試用30天。
2、SenchaSDK安裝,在安裝該SDK之前請確保電腦上已有java的jdk環境,不然安裝不了,安裝好后需配置環境變量。
Path: D:\Program Files\SenchaSDKTools;
將sencha-touch-2.0.1.1-commercial.zip解壓到任意文件夾
驗證SenchaSDK是否安裝成功:cmd 到剛解壓的文件夾目錄,再執行sencha命令
若能看到以上信息說明SenchaSDK已安裝成功!
3、Ruy安裝
Sencha Touch themes
ST中,Themes是一個非常有用的方法來快速改變我們應用程序的外觀的。
SASS + Compass = themes
如果我們真的決定要改變我們的主題的話,我們就不得不安裝SASS和Compass了,這些並不包含在ST的庫文件中。首先我們要安裝Ruby。
Installing Ruby
Mac中不需安裝了,因為在OSX中已經安裝好了,但是Windows中,需要用戶自己下載並安裝Ruby。
並設置好PATH。
我們可以在命令行中驗證我們的安裝的。
Installing SASS and Compass
對於Mac和Windows用戶來說,安裝略有不同的。
我們可以在Mac中通過終端來安裝的:
1. sudo gem install haml
2. sudo gem install compass
Windows用戶可以在命令行中安裝:
1. gem install haml
2. gem install compass
如果你覺得這種安裝方法並不適合你的話,你可以在網上搜尋捆綁了Ruby,SASS,Compass的包,直接集成安裝在自己的電腦上:Scout,Compass.app。
詳情請參考:http://frully.org/archives/sass-compass-an-zhuang-zhi-nan
2 創建應用
2.1 創建SenchaTouch項目
1、cmd ——> cd 到sencha-touch目錄
2、執行命令:sencha app create Process../Process all
3、查看首頁:http://127.0.0.1:8080/Process
2.2 用WebStorm打開項目
找到剛創建的項目目錄
2.3 啟用Rub 的compass功能
在開始菜單中找到 “Ruby 1.9.3-p0 -> Start Command Prompt with Ruby”並運行。找到對應項目的[應用]/resource/sass目錄,執行如下代碼:
Compass watch
(注:該窗口需要一直開着,就會自動對已改過的sass文件進行編譯)