一. 新建全局css变量
1.新建assets/css/variable.scss
文件
2.编辑内容–如下为常用的颜色全局变量
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a9a20a102916c954fd496424945fe94c.png)
二.css文件设定全局
3.找到vue.config.js
4.编辑如下内容
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9a42303e70c44c596636167225d16540.png)
三.小注意
- 我将
variable.scss
文件 放置在app.vue
文件中,但是不生效.后来使用了如上办法才好.也不知道是什么原因 vue.config.js文件
里的设定是根据脚手架版本会有不同的设定.所以以上只会在cli4.x版本下生效
.- 如果以上问题都没有,但还是会报错.
要重启项目
越简单的事情就越要仔细