第一步：
安裝sass的依賴包
在命令行工具輸入： npm install --save-dev sass-loader
如果版本太高導致報錯，可以使用：npm install sass-loader@7.3.1 來降低版本，測試過7.3.1版本可以正常使用
第二步：
安裝node-sass 因為sass-loader依賴於node-sass,所以要安裝node-sass
在命令行工具輸入：npm install --save-dev node-sass
第三步：
配置
使用腳手架的項目，vue版本 2.0 以上的不需要做任何配置，只要正確安裝了就可以正常使用。再做配置可能會導致報錯。
第四步：
使用
其實使用很簡單，先在style 標簽里面加上 lang="scss" ，如果你的項目的scss 沒有效果就要留意 有沒有在標簽加上了 lang="scss"
然后你可以直接在style 標簽里面寫 scss 或者 導入 scss
在style 標簽里面寫scss 沒有什么特別的，至於導入scss 有兩種方法，
第一種是普通方法：@import '../common/sasset/sass01';
第二種方法是：@import '~@common/sasset/sass01';
這兩種方法的效果都是一樣的，只是我個人喜歡使用第二種方法
注意： 在引入的scss語句后面一定要加上 “ ; ” （分號）號，否則會報錯。
這樣在sass01.scss文件里面聲明的變量就可以在引入sass01這個文件的頁面里去使用在sass01.scss文件里聲明的變量了。