⾃定义element-ui主题
⾃定义element主题颜⾊：主要参考这个⽂章
https://blog.csdn.net/wangcuiling_123/article/details/78513245，再⾃⼰做了⼀遍成功。感谢。
⼀、创建项⽬并安装element
创建项⽬略，安装element略，上官⽹查看怎样安装配置。⼆、安装主题⼯具
npm i element-theme -g
三、安装chalk主题，可以从 npm 安装或者从 GitHub 拉取最新代码
# 从 npm
npm i element-theme-chalk -D
# 从 GitHub
npm i https://github.com/ElementUI/theme-chalk -D
四、获取theme的sass⽂件并修改
et -i //[可以⾃定义变量⽂件，默认为element-variables.scss]> ✔ Generator variables file //表⽰成功
这时根⽬录下会产⽣element-variables.scss（或⾃定义的⽂件），⼤致如下：
直接编辑 element-variables.scss ⽂件，例如修改主题⾊为⾃⼰所需要的颜⾊
$--color-primary: purple;
五、编译主题
修改完变量后，要编译主题（如果编译后，再次修改了变量，需要重新编译）
et
> ✔ build theme font
> ✔ build element theme //表⽰从新编译成功
执⾏主题编译命令⽣成主题，根⽬录会⽣成⼀个theme的⽂件夹 。需要引⼊这个⽂件夹⾥的css、font等资源。theme⽂件夹⾥有font⽂件夹和⼤量的css⽂件，css⽂件只留下index.css,其他的css⽂件都可以删掉，因为index.css中的样式包含其他全部css⽂件的样式。
六、引⼊⾃定义主体。
先把安装element时引⼊main.js中的主题样式去掉，在main.js中引⼊
import '../theme/index.css'
七、验证⾃定义主题是否成功
在项⽬中写些样式，看下主题⾊是否改变
默认按钮
主要按钮 成功按钮 信息按钮 警告按钮 危险按钮
浏览器显⽰可知成功。
