本文介绍了如何在Vue项目中使用ElementUI框架自定义主题。首先通过IDEA克隆element-theme仓库并初始化，接着使用`et -i`生成变量文件`element-variables.scss`并进行定制。随后，通过`et`命令编译主题，生成的theme文件夹包含CSS和font资源。在目标Vue项目中引入主题，替换main.js中的CSS引用，运行项目即可看到自定义主题的效果。
先上官方链接，https://github.com/ElementUI/element-theme。
1，安装和项目初始化
博主采用的安装是，IDEA clone整个项目 https://github.com/ElementUI/element-theme.git， 然后直接本地初始化，官方教程有其他的安装方式，但是博主并没有弄明白。。。。
生成文件也可以叫初始化变量文件
et -i 效果是生成 element-variables.scss，位置位于根目录，图上圈起来的就是生成的变量文件
修改变量
具体就是在上一步生成的文件中进行修改，博主只改了圈起来的地方。这里依照个人需要进行自由修改
编译主题
et 效果是生成theme文件夹&#
最低0.47元/天 解锁文章
6969
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
