1、安装element-theme
npm i element-theme -g
2、安装白垩主题(不可以省略)`
npm i element-theme-chalk -D`
3、执行命令,会在根目录下多出一个element-variables.scss
文件
et -i
4、修改element-variables.scss
文件的内容
直接编辑 element-variables.scss
文件,例如修改主题色为红色。
5、编译主题
默认情况下编译的主题目录是放在 ./theme
下,你可以通过 -o
参数指定打包目录。
et
编译成功后
6、引入自定义主题
import '../theme/index.css' //这个文件就是自定义主题样式
import ElementUI from 'element-ui'
import Vue from 'vue'
Vue.use(ElementUI)