sass為css提供了動(dòng)態(tài)語(yǔ)言特性，本篇文章是武林技術(shù)頻道小編為大家介紹的ruby環(huán)境中自動(dòng)編譯sass教程，相信當(dāng)大家看完本文的介紹都會(huì)有所了解。

sass安裝

因?yàn)閟ass依賴(lài)于ruby環(huán)境，所以裝sass之前先確認(rèn)裝了ruby。安裝ruby //www.jb51.net/article/61501.htm

安裝完ruby之后，在開(kāi)始菜單中，找到剛才我們安裝的ruby，打開(kāi)Start Command Prompt with Ruby

然后直接在命令行中輸入

?

?

按回車(chē)鍵確認(rèn)，等待一段時(shí)間就會(huì)提示你sass安裝成功。

命令檢測(cè)安裝是夠完成：

如果要安裝beta版本的，可以在命令行中輸入

?

?

使用sass

SASS文件就是普通的文本文件，里面可以直接使用CSS語(yǔ)法。文件后綴名是.scss，意思為Sassy CSS。

下面的命令，可以在屏幕上顯示.scss文件轉(zhuǎn)化的css代碼。（假設(shè)文件名為test。）

?

?

如果要將顯示結(jié)果保存成文件，后面再跟一個(gè).css文件名。

?

?

SASS提供四個(gè)編譯風(fēng)格的選項(xiàng)：

?

?

生產(chǎn)環(huán)境當(dāng)中，一般使用最后一個(gè)選項(xiàng)。

?

你也可以讓SASS監(jiān)聽(tīng)某個(gè)文件或目錄，一旦源文件有變動(dòng)，就自動(dòng)生成編譯后的版本。

?

看了武林技術(shù)頻道小編為大家整理的內(nèi)容后，相信大家對(duì)于ruby環(huán)境中自動(dòng)編譯sass教程已經(jīng)完全明白了。想學(xué)習(xí)更多的技術(shù)知識(shí)，請(qǐng)繼續(xù)關(guān)注武林技術(shù)頻道！