# electron-vue 集成 element-ui
# 安装 electron-vue
# 安装 vue-cli 和 脚手架样板代码
npm install -g vue-cli //如果你已经安装忽略此处
vue init simulatedgreg/electron-vue electron-vue-demo
# 安装依赖并运行你的程序
cd electron-vue-demo
cnpm install
npm run dev
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 安装 element-ui
cnpm i element-ui -S
1
在 /electron-vue-demo/src/renderer/main.js 中引入 element ui
// element-ui
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
1
2
3
4
2
3
4
此时就可以在任意 .vue 文件中添加和使用 element-ui 元素了。
# el-table不显示
.electron-vue文件夹下的webpack.renderer.config.js文件
//原语句
let whiteListedModules = ['vue']
//修改后的语句
let whiteListedModules = ['vue', 'element-ui']
1
2
3
4
5
2
3
4
5