在vue-cli-plugin-electron-builder下用electron:build打包或生成应用程序

Posted 2023-03-09

参考技术A 接上一篇文章，
现在我们要做的是：
在安装本款软件的时候，要有64位、32位的选择，会有问询安装路径。
问询是否需要生成快捷方式，问询安装完成立即打开。
并且我们想修改一下快捷方式的图标，应用程序的名称。

还是相同的博主，这是他的原文
https://www.jianshu.com/p/1dbb96bc8f37

https://www.electron.build( 官网)

好巧，我们用的就是vue CLI3，点进去看看，然后get Start，点击左侧菜单Configuration
https://nklayman.github.io/vue-cli-plugin-electron-builder （官网）

这句话的意思就是：这些参数都是通过electron:build命令来提交给electron-builder的。
再通俗的讲：我们用electron:build来打包的参数配置格式如图所示。即：

但是，我们在我们的项目中没有发现vue.config.js这个文件，这是由于vue-cli3.0是号称0配置的，所以我们自己在根目录下创建一个vue.config.js文件即可。注意！根目录！！！！

我们本质上用的还是electron-builder来进行打包的，所以参数肯定是在electron-builder的官网上
回到electron-builder官网，并点击菜单 Configuration

根据官网的文档，我们可以写出配置如下：

构建一下试试：
npm run electron:build

成功~

vue.config.js(根目录新建,注掉的部分是因为用vue自带的icon图标不合格会报错)

注意我只生成了64位，安装试一试：

以上就是在vue-cli-plugin-electron-builder下用electron:build打包或生成应用程序的方法了
如果这篇文章对你有帮助，或者在进行中遇到其他问题，欢迎评论区留言出来。
我们一起探讨~