Scss旅程(4) – 安裝sass/compass-mac版

由於Mac自帶Ruby，因此在Mac上安裝Sass和Compass比起Windows來說會少一個步驟，就是安裝Ruby這一步

基本的安裝過程都跟windows版一樣，安裝過windows版本並測試成功的話其實可以跳過本章，直接進入下一章。

1.前置資訊

這次安裝使用的系統是Mac OS X EI Capitan 10.11.5。基本上Mac的系統對安裝compass與sass沒多大影響，裝的方式都一樣，頂多系統更新後把ruby移除（這是某貓碰過的真實案例）害compass跟sass無法使用，只能手動裝回ruby。

2.安裝Compass+Sass

安裝Compass的同時，如果電腦沒有安裝Sass的話，安裝Compass時就會跟著安裝Sass。這點跟windows版一樣。所以如果只想單獨裝Sass的話，可以跳到下一段「只安裝Sass」。

安裝Compass前，請先更新gem：

1. $ gem update –system

由於mac是自帶Ruby，因此在mac上執行這個步驟的重要性比在windows上還要大，請務必執行。

確認gem已經是最新版之後，安裝compass：

1. $ gem install compass

假設這樣無法安裝的話，請加上sudo提高權限。

安裝完畢後，可以查看版本號：

1. $ compass -v

如果有出現版本號的表示安裝成功了。

3.只安裝Sass

如果單純只想裝Sass不想裝Compass的話，可以直接看這一段。

同樣打開終端機，同樣先更新gem，接著輸入以下命令：

1. $ gem install sass

假設安裝過程中出現有資料夾權限不足的警告，就在安裝指令前加上「sudo」，表示以最高權限進行安裝，這樣就不會出現權限不足的錯誤了。出現安裝完後可以輸入以下命令，若出現版本號表示安裝成功：

1. $ sass -v

到這邊為止Sass的安裝便完成了。