electron + vue 打包过程记录

需求描述：

  需要使用vue + electron实现基于web开发的PC客户端程序，提供可安装的程序应用相关功能等等。

技术栈：

vue + electron + electron builder + node等web技术

处理过程：

本地build的node脚本命令为 

node .electron-vue/build.js && electron-builder

运行以上脚本之后，若本地设备网络条件较差，在未配置相关程序包的情况下，会有超时/程序打包异常等等打包失败相关提示，需要事先配置打包需要使用到的相关程序包信息到指定文件目录下；

对应配置文件路径一般为  %LOCALAPPDATA% ， 正常情况下该目录路径下存在文件夹 electron-builder\cache\， 若不存在请自行建立文件夹。

之后依次安装 app-builder、winCodeSign、nsis、nsis-resources， 其中 winCodeSign、 nsis、nsis-resouces文件夹下还存在对应的插件版本（插件版本以及版本下载地址可以在本地build时查看）文件夹，对应的文件夹信息需要到github地址中进行下载：

 

查看对应的插件版本以及插件下载地址链接信息参考示意图：

处理结果：

以上配置完成后，重新运行构建脚本，生成程序包成功，之后构建无需重新安装下载插件信息：

参考文章：

https://blog.csdn.net/bailong1/article/details/78657605

https://blog.csdn.net/az44yao/article/details/85242442