1. 安裝:css
Sass和Compass都是基於Ruby編程語言的命令行工具。要使用它們,你首先須要在電腦中安Ruby,並對電腦的命令行操做有一個基本的理解。Sass和Compass能夠安裝在Windows、Mac OS和Linux系統中。編程
在Windows中安裝Ruby:在命令行窗口中輸入ruby -v並按下回車鍵。若是電腦中沒有安裝Ruby,命令行將顯示' is not recognized as an internal or external command, operable program or batch file。若是電腦中已經安裝了Ruby,那麼將打印出已經安裝好的Ruby版本號。你安裝的Ruby版本應該不低於1.8.7(若是你安裝的Ruby版本爲1.8.6或者更低,請按照下面的指示從新安裝Ruby。進入網址http://rubyinstaller.org/downloads/,下載最新版本的Ruby安裝程序並運行。根據安裝程序的提示按照步驟進行安裝。第三個窗口將詢問你將Ruby安裝在什麼位置,在點擊安裝以前選中兩個複選框。如今,從新啓動你的命令行窗口,而後輸入ruby -v並按下回車鍵來確認Ruby已經安裝完成。sass
在Windows系統中安裝Sass和Compass:Ruby自帶一個叫作RubyGems的系統,用來安裝基於Ruby的軟件。咱們能夠使用這個系統來輕鬆地安裝Sass和Compass。要安裝最新版本的Sass和Compass,你須要輸入下面的命令:ruby
$ gem install sass編程語言
$ gem install compass
在每個安裝過程當中,你都會看到以下輸出:
Successfully installed sass-3.1.0
1 gem installed
Installing ri documentation for sass-3.1.0...
Installing RDoc documentation for sass-3.1.0...
安裝完成以後,你應該經過運行下面的命令來確認應用已經正確地安裝到了電腦中:
$ sass -v
Sass 3.1.0 (XXX NAME ME)
$ compass -v
Compass 0.11.0
Copyright (c) 2008-2011 Chris Eppstein
Released under the MIT License.工具
2. 編譯Sass: 命令行編譯及編譯格式spa
#單文件轉換命令 sass style.scss style.css #單文件監聽命令 sass --watch style.scss:style.css #文件夾監聽命令 sass --watch sassFileDirectory:cssFileDirectory。命令行
Sass編譯四中格式:scss
實例,緊湊合適輸出:sass --watch sass-lzf:css --style compact。it
3. 開始使用Compass:要在一個新項目中使用Compass,打開你的終端窗口並運行下面的命令:$ compass create my-project。
4. 編譯Compass:按須編譯 compass compile [項目路徑] 監聽編譯 compass watch [項目路徑] 如不寫後面的項目路徑,則會監聽整個項目文件的變化,進行實時編譯 中止監聽文件變化:Ctrl + C
例: compass watch --output-style compact