SCSS 安裝

admin發表於2018-08-12
CSS

SCSS基於Ruby語言開發而成，因此安裝SCSS前需要安裝Ruby。

特別說明:mac下自帶Ruby無需再次安裝。

window下首先要從官網下載Ruby，然後進行安裝。

圖示如下:

scss安裝

特別說明:要選中第二個新增到環境變數核取方塊。

上面過程進行完畢之後，可以測試是否安裝成功:

首先開啟命令cmd命令列視窗，然後輸入如下程式碼:

[Shell] 純文字檢視 複製程式碼
ruby -v

如果顯示如下類似程式碼，就表示安裝成功:

a:3:{s:3:\"pic\";s:43:\"portal/201808/12/001400oox8uyb0348jbyqj.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

如果ruby安裝成功，那麼我們就可以安裝SCSS了。

但是由於眾所周知的國內網路原因，gem源間歇性中斷，因此我們需要更換gem源，推薦好似用淘寶的資源。

[Shell] 純文字檢視 複製程式碼
//1.刪除原gem源
gem sources --remove https://rubygems.org/
//2.新增國內淘寶源
gem sources -a https://ruby.taobao.org/
//3.列印是否替換成功
gem sources -l
//4.更換成功後列印如下
*** CURRENT SOURCES ***
https://ruby.taobao.org/

更換gem源之後我們就可以順暢的安裝scss了，程式碼如下:

[Shell] 純文字檢視 複製程式碼
gem install sass

如果安裝成功，會有如下類似反饋:

a:3:{s:3:\"pic\";s:43:\"portal/201808/12/001406i0088w70hal0b70b.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

如果要檢視當前SCSS版本，只要輸入以下命令即可:

[Shell] 純文字檢視 複製程式碼
sass -v

如果要更新scss版本，可以使用如下程式碼:

[Scss] 純文字檢視 複製程式碼
//更新scss
gem update sass

相關文章