elementUI的自定义主题色

背景介绍：项目使用vue.js+elementUI+scss，但是项目的主题色要修改为紫色所以就用到了elementUI的自定义主题

全局安装步骤

 步骤总览

cd element-demo
npm i element-theme -g
npm i element-theme-chalk -D
et -i
修改scss中的颜色值
et
main.js修改引入

步骤说明

1. 进入项目文件夹 cd element-demo

2. 安装主题生成工具npm i element-theme -g

3. 安装白垩主题（不可以省略）npm i element-theme-chalk -D

4. 改变初始变量文件et -i，会在根目录下多出一个element-variables.scss文件

5. 找到element-variables.scss文件，修改主题色变量（primary)和其他要改变的颜色(eg：danger)

   

   修改primary和danger色值.png

    

6. 编译主题et

7. 引入自定义主题，保存后，就可以看到颜色已变为了你设置的颜色

    

   

   引入自定义主题