欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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://www.dbjr.com.cn/article/61501.htm

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

然后直接在命令行中輸入

復(fù)制代碼 代碼如下:

gem install sass

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

命令檢測安裝是夠完成：

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

復(fù)制代碼 代碼如下:

gem install sass --pre

使用sass

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

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

復(fù)制代碼 代碼如下:

sass test.scss

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

復(fù)制代碼 代碼如下:

sass test.scss test.css

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

復(fù)制代碼 代碼如下:

* nested：嵌套縮進的css代碼，它是默認值。
* expanded：沒有縮進的、擴展的css代碼。
* compact：簡潔格式的css代碼。
* compressed：壓縮后的css代碼。

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

復(fù)制代碼 代碼如下:

sass --style compressed test.sass test.css

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

復(fù)制代碼 代碼如下:

// 監(jiān)聽文件
sass --watch input.scss:output.css
// 監(jiān)聽文件夾
sass --watch app/sass:public/stylesheets

相關(guān)文章

最新評論