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)語言的特性，如變量、繼承、運算、函數等，更方便CSS的編寫和維護!
sass安裝
因為sass依賴于ruby環(huán)境，所以裝sass之前先確認裝了ruby。安裝ruby http://chabaoo.cn/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
相關文章
淺談Rails 4 中Strong Parameters機制
本文主要是通過Rails3中的Parameters與Rails4中新引入的Strong Parameters機制進行對比，從而得出他們直接的異同2014-06-06
這篇文章主要介紹了Ruby編程中的賦值相關操作,是Ruby入門學習中的基礎知識,需要的朋友可以參考下2015-07-07
本文給大家記錄的是本人學習ruby之后所記錄下來的部分語法知識，分享給有需要的小伙伴，希望對大家能夠有所幫助。2016-02-02
Ruby中的public、private、protected區(qū)別小結
這篇文章主要介紹了Ruby中的public、private、protected區(qū)別小結,即Ruby中訪問控制符的區(qū)別總結,需要的朋友可以參考下2014-08-08
Ruby on Rails是Ruby世界中一家獨大的Web開發(fā)框架,要掌握Rails程序的構建,對其目錄結構的了解十分必要,下面就來看一下Ruby on Rails所構建的應用程序基本目錄結構總結2016-05-05
這篇文章主要介紹了Ruby中的p和puts的使用區(qū)別淺析,本文用一個實例講解了它們之間的區(qū)別,并總結出結論,需要的朋友可以參考下2015-03-03
二十分鐘 教你Ruby快速入門 圖文教程...2007-10-10
這篇文章主要介紹了Ruby中使用Block、Proc、lambda實現閉包,在編程領域我們可以通俗的說：子函數可以使用父函數中的局部變量，這種行為就叫做閉包,需要的朋友可以參考下2014-06-06
Ruby的self在不同的環(huán)境中有不同的含義，這點和java的this不同，原因是java實際上只有一種環(huán)境--在class的實例方法定義中使用，代表訪問這個方法參數自動傳進的那個對象。2008-12-12
這篇文章主要介紹了Ruby中類變量和實例變量的比較,本文講解了4點類變量和實例變量的不同之處,并給出了代碼實例,需要的朋友可以參考下2015-05-05