Mac 安裝SASS流程 及可能遇到的問題

Snip20161111_41.png

前言:

CSS是一種腳本語言, 不能夠使用變量, 沒有條件語句, 只是一條條單純的描述語句, 代碼重復度極高
有了變革的需求之后, 就有大牛將編程元素加入進來, 就是后來的 CSS預處理器
其中SASS就是其中非常好的 預處理軟件 之一.

安裝SASS:

Sass是用Ruby語言寫的,但是兩者的語法沒有關系,所以學 Sass 不用學 Ruby,只是必須先安裝Ruby,然后再安裝Sass
Linux和Mac已自帶Ruby,不用再安裝。

1. 驗證Ruby是否安裝成功
ruby -v

或者

ruby --version

如果輸出Ruby版本號,則表示安裝成功

2. 安裝SASS
2.1 在命令行輸入下面的命令
gem install sass
2.1.1 如果是Mac的話可能會遇到這樣的問題:問題1:

ERROR: While executing gem ... (Gem::FilePermissionError)
You don't have write permissions for the /Library/Ruby/Gems/2.0.0 directory.

這是因為沒有管理員權限.png

執行 sudo gem install sass -> 回車 -> 輸入密碼 即可:

 sudo gem install sass
2.1.2 緊接著可能會遇到第2個問題:

ERROR: While executing gem ... (Errno::EPERM)
Operation not permitted - /usr/bin/sass

解決辦法:(即 Mac 可直接使用此命令安裝SASS)
sudo gem install -n /usr/local/bin sass
2.2 這樣Sass就安裝成功了。檢測是否安裝成功
sass -v

或者

sass --version

如果輸出Sass版本號,則表示安裝成功

可以使用以下命令更新Sass版本

sudo gem update sass
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容