1. 在使用Sass前,我們需要先安裝Ruby。以上安裝方法可以為我們快速設定好必要的設定，我們只需下載安裝包，隨後一切預設安裝即可。
2. 安裝程式也將安裝一個Ruby命令列powershell應用程式，它可以讓我們使用Ruby庫。

—————————————————————————————————

第二步: 安裝Sass

1. 使用命令列安裝,如cmd,git或者Ruby終端. 博主使用git初始化專案,所以這裡也是用的git。
2. 安裝使用以下命令:

 npm install --save-dev sass-loader
 //sass-loader依賴於node-sass
 npm install --
 
save-dev node-sass   

或者簡寫形式:

npm install sass-loader node-sass --save

注意: 以上適用於Scss的語法，使用Sass語法安裝vue-loader

SCSS 與 Sass 異同 請參考Sass中國網站

1 現在我們可以檢查一下Sass是否成功安裝:

sass -v

2 安裝成功應該有這個介面：

3 如果顯示安裝失敗,命令列執行以下命令:

SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass

—————————————————————————————————

第三步: 在vue中使用Sass

• 到這裡只需要改寫vue檔案中的style標籤即可。

    <style lang="scss"></style>
    <style lang="sass"></style>