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

项目场景

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

如何打包

  1. 安装electron-builder
vue add electron-builder
  1. 打包前的预览(推荐yarn
  • yarn
yarn electron:serve
  • npm
npm run electron:serve
  1. 使用yarnnpm命令打包
  • yarn
yarn electron:build
  • npm
npm run electron:build

问题描述

Windows打包时会遇到下载winCodeSignnsis等依赖卡住的问题。
在这里插入图片描述

解决方案

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

C:\Users\xxx\AppData\Local\electron-builder\Cache
├─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
posted @ 2020-10-10 18:28  XavierJ  阅读(357)  评论(0编辑  收藏  举报