ruby環(huán)境中自動(dòng)編譯sass教程
sass為CSS的賦予了動(dòng)態(tài)語(yǔ)言的特性，如變量、繼承、運(yùn)算、函數(shù)等，更方便CSS的編寫(xiě)和維護(hù)!
sass安裝
因?yàn)閟ass依賴于ruby環(huán)境，所以裝sass之前先確認(rèn)裝了ruby。安裝ruby http://www.dbjr.com.cn/article/61501.htm
安裝完ruby之后，在開(kāi)始菜單中，找到剛才我們安裝的ruby，打開(kāi)Start Command Prompt with Ruby
然后直接在命令行中輸入
gem install sass
按回車(chē)鍵確認(rèn)，等待一段時(shí)間就會(huì)提示你sass安裝成功。
命令檢測(cè)安裝是夠完成：
如果要安裝beta版本的，可以在命令行中輸入
gem install sass --pre
使用sass
SASS文件就是普通的文本文件，里面可以直接使用CSS語(yǔ)法。文件后綴名是.scss，意思為Sassy CSS。
下面的命令，可以在屏幕上顯示.scss文件轉(zhuǎn)化的css代碼。（假設(shè)文件名為test。）
sass test.scss
如果要將顯示結(jié)果保存成文件，后面再跟一個(gè).css文件名。
sass test.scss test.css
SASS提供四個(gè)編譯風(fēng)格的選項(xiàng)：
* nested：嵌套縮進(jìn)的css代碼，它是默認(rèn)值。
* expanded：沒(méi)有縮進(jìn)的、擴(kuò)展的css代碼。
* compact：簡(jiǎn)潔格式的css代碼。
* compressed：壓縮后的css代碼。
生產(chǎn)環(huán)境當(dāng)中，一般使用最后一個(gè)選項(xiàng)。
sass --style compressed test.sass test.css
你也可以讓SASS監(jiān)聽(tīng)某個(gè)文件或目錄，一旦源文件有變動(dòng)，就自動(dòng)生成編譯后的版本。
// 監(jiān)聽(tīng)文件
sass --watch input.scss:output.css
// 監(jiān)聽(tīng)文件夾
sass --watch app/sass:public/stylesheets
相關(guān)文章
淺談Rails 4 中Strong Parameters機(jī)制
本文主要是通過(guò)Rails3中的Parameters與Rails4中新引入的Strong Parameters機(jī)制進(jìn)行對(duì)比，從而得出他們直接的異同2014-06-06
這篇文章主要介紹了Ruby編程中的賦值相關(guān)操作,是Ruby入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-07-07
本文給大家記錄的是本人學(xué)習(xí)ruby之后所記錄下來(lái)的部分語(yǔ)法知識(shí)，分享給有需要的小伙伴，希望對(duì)大家能夠有所幫助。2016-02-02
Ruby中的public、private、protected區(qū)別小結(jié)
這篇文章主要介紹了Ruby中的public、private、protected區(qū)別小結(jié),即Ruby中訪問(wèn)控制符的區(qū)別總結(jié),需要的朋友可以參考下2014-08-08
Ruby on Rails所構(gòu)建的應(yīng)用程序基本目錄結(jié)構(gòu)總結(jié)
Ruby on Rails是Ruby世界中一家獨(dú)大的Web開(kāi)發(fā)框架,要掌握Rails程序的構(gòu)建,對(duì)其目錄結(jié)構(gòu)的了解十分必要,下面就來(lái)看一下Ruby on Rails所構(gòu)建的應(yīng)用程序基本目錄結(jié)構(gòu)總結(jié)2016-05-05
這篇文章主要介紹了Ruby中的p和puts的使用區(qū)別淺析,本文用一個(gè)實(shí)例講解了它們之間的區(qū)別,并總結(jié)出結(jié)論,需要的朋友可以參考下2015-03-03
二十分鐘 教你Ruby快速入門(mén) 圖文教程...2007-10-10
Ruby中使用Block、Proc、lambda實(shí)現(xiàn)閉包
這篇文章主要介紹了Ruby中使用Block、Proc、lambda實(shí)現(xiàn)閉包,在編程領(lǐng)域我們可以通俗的說(shuō)：子函數(shù)可以使用父函數(shù)中的局部變量，這種行為就叫做閉包,需要的朋友可以參考下2014-06-06
Ruby的self在不同的環(huán)境中有不同的含義，這點(diǎn)和java的this不同，原因是java實(shí)際上只有一種環(huán)境--在class的實(shí)例方法定義中使用，代表訪問(wèn)這個(gè)方法參數(shù)自動(dòng)傳進(jìn)的那個(gè)對(duì)象。2008-12-12
這篇文章主要介紹了Ruby中類變量和實(shí)例變量的比較,本文講解了4點(diǎn)類變量和實(shí)例變量的不同之處,并給出了代碼實(shí)例,需要的朋友可以參考下2015-05-05