这篇博客介绍了如何使用vue-cli-plugin-electron-builder将Vue项目转化为Electron应用，对比了它与electron-vue的区别。vue-cli-plugin-electron-builder提供及时的更新维护，而electron-vue的更新不及时。详细步骤包括创建Vue工程，通过VSCode安装和配置插件，解决运行和打包过程中可能出现的问题，如依赖更新和错误处理。还提到了在Electron环境下使用js-cookie的注意事项，建议使用Electron内置的Cookies类。
介绍
vue-cli-plugin-electron-builder 插件的作用是将一个Vue工程打包为Electron程序。
官网:
https://nklayman.github.io/vue-cli-plugin-electron-builder/
与electron-vue对比
| 作用目标 | 作用方式 | 更新维护 | |
|---|---|---|---|
| electron-vue | electron-vue工程 | 编译工程中的Vue代码 | 不及时 |
| vue-cli-plugin-electron-builder | Vue工程 | 将Vue工程打包为Electron程序 | 及时 |
且截止到目前，electron-vue依赖的electron版本为2.0.4，然而最新的electron版本是12.0.2。
综上述，推荐使用vue-cli-plugin-electron-builder 。
使用
首先构建一个常规的Vue工程，并确保工程可顺利运行。
这里将Vue工程导入到VSCode中。打开VSCode的控制台，输入：
vue add electron-builder
扫一扫
4259
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
