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