element 自定义主题

[iliuyt]

• 安装vuecli3

npm install -g @vue/cli

• 创建vue 项目

vue create vue-theme
cd vue-theme

• 安装sass

npm install node-sass sass-loader -D

• 安装element-ui

npm install element-ui -S

• 安装element主题工具

npm install element-theme -g

• 安装默认主题

npm install element-theme-chalk -D

• 创建主题变量文件

et -i

• 监听主题变量文件

  et -w -c element-variables.scss -o ./src/theme/

• 修改main.js,引入css

import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui'
import './theme/index.css'

Vue.use(ElementUI)
Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

• 运行项目

npm run serve