Sass是Ruby語言寫的，所以使用環境必須依賴Ruby，必須先安裝Ruby，然后再安裝Sass。放心，二者的語法并沒有關系，不懂Ruby，也可以使用Sass。

如果是IOS系統，則已經安裝好了Ruby，不需要重新安裝，這里主要將Windows系統。

一：安裝

到官網下載Ruby安裝文件，版本隨意。（鏈接：http://rubyinstaller.org/downloads?utm_source=caibaojian.com）

點擊安裝文件按照提示安裝，安裝位置建議安裝到C盤，安裝最后一步建議選擇第二項，如下圖：

安裝完成在菜單中找到安裝的ruby，點擊啟動命令控制面板，如下圖：

在命令控制面板中輸入：gem install sass回車，等待安裝Sass，安裝成功如下圖（圖片來源于網絡）。

二：使用

1、Sass源文件轉譯成CSS文件

如果你的項目文件位置不在C盤，要更改命令行的默認訪問路徑，如d盤，輸入：d: 回車，如下圖：

輸入：cd +放置樣式表的文件夾路徑，回車，這里放在style文件夾下，如下圖：

在style下創建sass文件，如test.scss（.sass與.scss功能特性都一樣，只是書寫規則有所不同，sass要求更規范，一般用.scss就好），在命令控制面板中輸入 sass test.scss  test.css 回車即生成.test.css.map和test.css兩個文件,如圖：

2、文件監聽

單個文件的監聽，輸入：sass  --watch  test.sass:test.css 回車即監聽成功，如下圖。這樣在.scss文件中寫樣式時，與其對應的.css文件中就會自動編譯出對于的樣式代碼。

多個文件的監聽，是文件夾與文件夾之間的監聽，例如在style目錄下創建一個文件夾sass，用于放置sass文件，css文件仍在style目錄下。命令控制面板中的默認訪問路徑去掉style路徑，監聽命令 為：sass  --watch  style/sass:style 回車即可監聽成功如下圖：

至此，就可以在.scss文件中編寫樣式代碼啦，要注意的是，在頁面中當然還是引用對應的.css文件。