1.切换源
一般切换为淘宝源 ,这样速度会快并且避免安装过程中因下载慢而报错

2.安装sass所需模块
一共三个模块 node-sass , sass-loader, style-loader. 本截图是在Mac环境下安装 windows直接去掉sodu 即可

3.配置文件
在 build下的 webpack.base.conf.js 下配置标注内的内容

4.启动vue : cpm run dev
5. 在.vue文件下写sass. 保存即可查看效果 (如果不喜欢写大括号 把scss 换成sass 配置文件那也同步修改即可)

6.欢迎提问交流~~
网友评论