element團隊為新版的 vue-cli4 準備了相應的 Element Plus 插件

---

安裝依賴

npm install element-plus --save

---

main.js全局引入，樣式文件需要單獨引入

import { createApp } from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import App from './App.vue';const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

---

按需引入需要借助babel-plugin-import插件，詳情見官網

---

自定義樣式變量：

如果你的項目也使用了 SCSS，那么可以直接在項目中改變 Element Plus 的樣式變量，否則參考官網的其他方法。
在src中創建element-variables.scss

/* 所有變量在這里改后生效 */
/* 改變主題色變量 */
$--color-primary: teal;/* 改變 icon 字體路徑變量，必需 */
$--font-path: '~element-plus/lib/theme-chalk/fonts';@import "~element-plus/packages/theme-chalk/src/index";

main.js中引入

import Vue from 'vue'
import ElementPlus from 'element-plus'
import './element-variables.scss'
import App from './App.vue';const app = createApp(App)
app.use(ElementPlus)