sass安裝及使用

在Mac系統下，Ruby通常已內置在其中，若是您不能確認是否已安裝，或者說你不知道你的Ruby使用的版本，你能夠打開你的命令工具：

$ ruby -v

安裝sass 

在大多數狀況和大部分人羣中，仍是喜歡安裝SASS的標準穩定版本，這樣使用在項目中風險不會太大，其安裝很簡單：

$ gem install sass 

有的時候在Linux和OS X系統下，可能須要超級管理員權限才能安裝：

$ sudo gem install sass 

安裝完成後，能夠經過下面的命令查看SASS是否安裝成功：

$ gem list 

若是您在這份list中，看到SASS的存在：

…
sass (3.2.9)
…

說明您已安裝成功。這個時候你或能不知道SASS版本是多少，你也能夠查看他的版本：

$ sass -v 

能夠看到SASS版本信息：

Sass 3.2.9 (Media Mark)

Beat版本安裝

對於SASS的發燒友來講，一個穩定版本並不能知足需求，他須要一些別的東西，也就是說他想獲取SASS的一些最新變化和最新功能。那麼這個時候你就能夠安裝一個Beat版本的SASS，他會本身會自動建立每次更改的主分支：

$ gem install sass --pre 

從Git庫中安裝

SASS也能夠直接從Git庫中安裝：

$ git clone git://github.com/nex3/sass.git $ cd sass $ rake install 

從實際使用的角度來講，建議按第一種方法安裝。Windows系統下安裝SASS，能夠點擊這裏。

安裝SASS庫

使用SASS製做東西時，咱們能夠藉助一些成熟型的SASS庫，幫助咱們快速開發，提升效率。目前比較成熟的SASS庫有Compass和Bourbon。接下來，簡單看看這兩個庫怎麼來安裝。

安裝Compass庫

Compass是一個很是成熟的SASS庫，但是一個很強大的框架，使用的頻率也至關的高。若是您瞭解了Compass，那麼他將會讓你受益無窮。一樣的，在你的項目中使用Compass，須要先安裝Compass。

$ gem install compass 

經過上面一行簡單的命令你就完成了對Compass的安裝，你在gem對應的清單中就能看到compass的存在：

$ gem list 

顯示結果：

…
compass (0.12.2)
…

安裝Bourbon庫

Bourbon的盤安裝和Compass庫的安裝很是的相似，也很是簡單，只須要經過gem命令在你的命令終端運行下面的命令：

$ gem install bourbon


這樣就可使用sass了

例如：

1. 新建sass 文件夾
新建.scss文件(也能夠新建.sass文件，本人比較喜歡.scss的寫法)

2. 由於html文件中只能引入.css文件，使用下面命令編譯一下
sass sass/style.scss css/style.css

3.index.html中引入sass

<link rel="stylesheet" href="./css/style.css">