[TOC] # vue 3.x 安装 https://www.cnblogs.com/huangmin1992/p/14262820.html # 2.x安装 https://blog.csdn.net/lily2016n/article/details/75309492 1、创建一个基于 webpack 模板的新项目 ``` $ vue init webpack myvue ``` 2、在当前目录下，安装依赖 ``` $ cd myvue $ npm install ``` 3、安装sass的依赖包 ``` npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass ``` 4、在build文件夹下的webpack.base.conf.js的rules里面添加配置 ``` { test: /\.sass$/, loaders: ['style', 'css', 'sass'] } ``` 5、在APP.vue中修改style标签 ``` <style lang="scss"> ``` 6、然后运行项目 ``` $ npm run dev ``` 7、修改APP.vue的样式，可以看下效果 8、运行结果背景变成灰色吗，说明你已成功配置好sass