sass為css提供了動態語言特性，本篇文章是武林技術頻道小編為大家介紹的ruby環境中自動編譯sass教程，相信當大家看完本文的介紹都會有所了解。

sass安裝

因為sass依賴于ruby環境，所以裝sass之前先確認裝了ruby。安裝ruby //www.jb51.net/article/61501.htm

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

然后直接在命令行中輸入

?

?

按回車鍵確認，等待一段時間就會提示你sass安裝成功。

命令檢測安裝是夠完成：

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

?

?

使用sass

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

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

?

?

如果要將顯示結果保存成文件，后面再跟一個.css文件名。

?

?

SASS提供四個編譯風格的選項：

?

?

生產環境當中，一般使用最后一個選項。

?

你也可以讓SASS監聽某個文件或目錄，一旦源文件有變動，就自動生成編譯后的版本。

?

看了武林技術頻道小編為大家整理的內容后，相信大家對于ruby環境中自動編譯sass教程已經完全明白了。想學習更多的技術知識，請繼續關注武林技術頻道！