Sencha-Touch開發環境准備(Webstorm+Ruby)


1 開發工具准備

1.1 工具下載:

    1、編碼工具(推薦)

WebStorm-4.0.3.exe

    2SenchaSDK用來創建、打包sencha項目

SenchaSDKTools-2.0.0-beta3-windows.exe

    3、Sencha touch源碼及API文檔

sencha-touch-2.0.1.1-commercial.zip

    4SASS開發工具(預編譯sass文件)

rubyinstaller-1.9.3-p194.exe

 

1.2 工具安裝:

   1WebStorm安裝很簡單,一直點nextOK,但安裝好后只能試用30天。

   2SenchaSDK安裝,在安裝該SDK之前請確保電腦上已有javajdk環境,不然安裝不了,安裝好后需配置環境變量。

    Path: D:\Program Files\SenchaSDKTools;

    將sencha-touch-2.0.1.1-commercial.zip解壓到任意文件夾

    驗證SenchaSDK是否安裝成功:cmd 到剛解壓的文件夾目錄,再執行sencha命令

     

    若能看到以上信息說明SenchaSDK已安裝成功!

 

   3Ruy安裝

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項目

1cmd ——> 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文件進行編譯)


免責聲明!

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



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