創建好vue-cli3.x創建好后；新建一個Vue項目；在該項目中使用sass需要兩步；
首先；安裝sass操作的依賴：安裝node-sass 和 sass-loader
1：npm install --save-dev node-sass；
2：npm install --save-dev sass-loader；
第二步：.在需要使用sass地方的組件中直接使用:
<style lang = "scss" scoped>
$myRed:#ff0;
.top{
color:$myRed;
}
</style>
對於頁面中需要的sass變量比較多；可以單獨建一個sass文件；即在src下創建一個common文件，我們在里面存放scss文件，
base.scss中設置$myColor,j具體做法如圖：
然后在剛剛我們的組件中導入：
<style lang = "scss" scoped>
@import "../../common/scss/base"; （注意引入的層級關系）
.top{
color:$myColor;
}
</style>
如果你覺得每個組件都引入sass文件；很麻煩；也可以把它在全局引入；使其變成全局變量；供全局使用。操作步驟:
在main.js中引入sass文件；即：import "./commonon/base.scss" ;
對於多個sass文件；可以把多個sass文件引入一個根sass文件中；如：main.scss；然后在需要的組件中引入main.scss即可；