Element-ui自定义主题换肤

在使用Element-ui进行项目开发时，我们会想把那个饿了么的天蓝色换成自己项目的主题色，那如何在自己的项目中实现换肤耶，我这次用的是使用命令行主题工具生成css文件的方式换肤

1. 用vue-cli安装一个新项目：

2. 安装elementUI及sass-loader,node-sass

3.安装elementui的自定义主题工具

4.初始化变量文件

5. 修改变量

直接编辑 element-variables.scss 文件，例如修改主题色为自己所需要的颜色（如： 紫色（purple））

6.编译主题

我们只需要引入theme/index.css即可

7.引入自定义主题

最后一步，将编译好的主题文件引入项目（编译的文件默认在根目录下的theme文件下，也可以通过 -o 参数指定打包目录），在入口文件main.js中引入