Element UI 是一套采用 Vue 2.0 作為基礎框架實現的組件庫，一套為開發者、設計師和產品經理準備的基于 Vue 2.0 的組件庫，提供了配套設計資源，幫助你的網站快速成型 ## **安裝 element-ui** 1. 進入項目根目錄 2. npm i element-ui -S ## **在渲染進程中引入 element-ui** 在/project-name/src/renderer/main.js中引入 element ui ``` import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) ``` ## **使用 element-ui** 此時就可以在任意 .vue 文件中添加和使用 element-ui 元素了。 在/project-name/src/renderer/components/LandingPage.vue中開始體驗element-ui ~~~ <el-button @click="message"?type="success"?icon="el-icon-search"?round>默認按鈕</el-button> ~~~ ## **運行效果如下:**  ## **可能遇到的問題：** el-table這個組件顯示不正常 ## **解決方案：** 需要將element-ui加入到白名單里面，修改/project-name/.electron-vue/webpack.renderer.config.js 將： ~~~ let whiteListedModules = ['vue'] ~~~ 修改為： ~~~ let whiteListedModules = ['vue', 'element-ui'] ~~~ 然后表格控件就正常顯示了！