sass

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提高權限。

mac-compass-install-01
[圖一]安裝compass
安裝完畢後,可以查看版本號:

  1. $ compass -v

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

3.只安裝Sass

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

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

  1. $ gem install sass

mac-sass-install-01
[圖二]安裝sass
mac-sass-install-02
[圖三]安裝sass完成
假設安裝過程中出現有資料夾權限不足的警告,就在安裝指令前加上「sudo」,表示以最高權限進行安裝,這樣就不會出現權限不足的錯誤了。出現安裝完後可以輸入以下命令,若出現版本號表示安裝成功:

  1. $ sass -v

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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.