使用electron-builder将vue-cli项目打包为桌面应用程序

项目场景

使用vue-cli开发完一个项目后，需要用electron-builder将项目打包为桌面应用程序。

如何打包

1. 安装electron-builder

vue add electron-builder

2. 打包前的预览（推荐yarn）

• yarn

yarn electron:serve

• npm

npm run electron:serve

3. 使用yarn或npm命令打包

• yarn

yarn electron:build

• npm

npm run electron:build

问题描述

Windows打包时会遇到下载winCodeSign和nsis等依赖卡住的问题。

解决方案

手动从github下载这些依赖，解压后放到下面对应的目录中。版本号可能会不太一样，按照你自己需要的版本号来。

C:UsersxxxAppDataLocalelectron-builderCache
├─winCodeSign
|  ├─winCodeSign-2.6.0
├─nsis
|  ├─nsis-resources-3.4.1
|  ├─nsis-3.0.4.1

引用参考

[0] https://github.com/nklayman/vue-cli-plugin-electron-builder
[1] https://blog.csdn.net/weixin_30555515/article/details/98233705
[2] https://blog.csdn.net/z858466/article/details/108176818