在已有的项目 执行命令 vue add electron-builder 进行添加electron的脚手架
安装完以后可以看到package.json 多出来的命令
ming.png
npm run electron:serve 是启动服务
npm run electron:build 是进行打包
启动服务不会报错 但是这个麻烦就麻烦在打包上 因为各种原因会导致报错 其中常见的就是 因为网络原因下载不下来压缩包 这个时候就需要我们自己下载压缩包 然后放到C:\Users\liming\AppData\Local\electron-builder\Cache或者C:\Users\liming\AppData\Local\electron\Cache 这个目录下面
image.png
比如这个就是没下载下来 鼠标放到地址上 https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.6.0/winCodeSign-2.6.0.7z 这个上面 点击一下 电脑会自行下载 然后只需要把这个压缩包 放到 我说的目录下 遇到 什么下载不下来的就按照这个思路 下载 然后从新打包直到 打包成功为止
electron-v13.6.9-win32-x64.zip 这种文件放到第二个目录下 也就是这个C:\Users\liming\AppData\Local\electron\Cache
winCodeSign 和 nsis 放到第一个目录下 然后需要解压 也就是这个C:\Users\liming\AppData\Local\electron-builder\Cache
image.png
当然 如果你是科学上网 网络很稳定 并且很快 就不会遇到这些麻烦
