ruby環(huán)境中自動編譯sass教程
更新時間：2015年02月28日 09:48:19 投稿：junjie
這篇文章主要介紹了ruby環(huán)境中自動編譯sass教程,本文講解了ruby環(huán)境的安裝、sass環(huán)境的安裝以及sass的常用編譯命令使用示例,需要的朋友可以參考下
sass為CSS的賦予了動態(tài)語言的特性，如變量、繼承、運算、函數(shù)等，更方便CSS的編寫和維護!
sass安裝
因為sass依賴于ruby環(huán)境，所以裝sass之前先確認裝了ruby。安裝ruby http://m.fzitv.net/article/61501.htm
安裝完ruby之后，在開始菜單中，找到剛才我們安裝的ruby，打開Start Command Prompt with Ruby
然后直接在命令行中輸入
復制代碼 代碼如下:
gem install sass
按回車鍵確認，等待一段時間就會提示你sass安裝成功。
命令檢測安裝是夠完成：
如果要安裝beta版本的，可以在命令行中輸入
復制代碼 代碼如下:
gem install sass --pre
使用sass
SASS文件就是普通的文本文件，里面可以直接使用CSS語法。文件后綴名是.scss，意思為Sassy CSS。
下面的命令，可以在屏幕上顯示.scss文件轉化的css代碼。（假設文件名為test。）
復制代碼 代碼如下:
sass test.scss
如果要將顯示結果保存成文件，后面再跟一個.css文件名。
復制代碼 代碼如下:
sass test.scss test.css
SASS提供四個編譯風格的選項：
復制代碼 代碼如下:
* nested：嵌套縮進的css代碼，它是默認值。
* expanded：沒有縮進的、擴展的css代碼。
* compact：簡潔格式的css代碼。
* compressed：壓縮后的css代碼。
生產環(huán)境當中，一般使用最后一個選項。
復制代碼 代碼如下:
sass --style compressed test.sass test.css
你也可以讓SASS監(jiān)聽某個文件或目錄，一旦源文件有變動，就自動生成編譯后的版本。
復制代碼 代碼如下:
// 監(jiān)聽文件
sass --watch input.scss:output.css
// 監(jiān)聽文件夾
sass --watch app/sass:public/stylesheets
相關文章
這篇文章主要介紹了ruby元編程實際使用實例,包含用eval、alias、defind_method、instance_eval等實際使用例子,需要的朋友可以參考下2014-07-07
mac os gem安裝json出現(xiàn)error failed的解決辦法
這篇文章主要介紹了mac os gem安裝json出現(xiàn)error failed的解決辦法,系統(tǒng)是mac os Mavericks,失敗提示Failed to build gem native extension,需要的朋友可以參考下2014-06-06
ruby 異常處理:rescue...2007-11-11
這篇文章主要介紹了Ruby中的正則表達式,是Ruby學習進階當中的重要知識,需要的朋友可以參考下2015-05-05
Rails項目通過Ruby世界中的gem和rake工具來構建起來真的相當方便,這里就給大家整理了一份Ruby on Rails網站項目構建簡單指南,需要的朋友可以參考下2016-06-06
Ruby中XML格式數(shù)據(jù)處理庫REXML的使用方法指南
這篇文章主要介紹了Ruby中XML格式數(shù)據(jù)處理庫REXML的使用方法指南,值得注意的REXML庫處理XML字符串時的編碼問題,是需要的朋友可以參考下2016-04-04
這篇文章主要介紹了在Ruby on Rails中使用AJAX的教程,文章來自于IBM官方網站技術文檔,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了Ruby中檢測Gem是否安裝的方法,本文直接給出實現(xiàn)代碼以及使用方法,需要的朋友可以參考下2015-01-01
升級到mac 10.10之后使用pod出現(xiàn)問題的解決方法
這篇文章主要介紹了升級到mac 10.10之后使用pod出現(xiàn)問題的解決方法,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了在Ruby on Rails中使用Markdown的方法,不過依賴于pygments.rb這個工具,事先得安裝Python,需要的朋友可以參考下2015-08-08