创建项目
# 安装 vue-cli 和 脚手架样板代码
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
# 安装依赖并运行你的程序
cd my-project
yarn # 或者 npm install
yarn run dev # 或者 npm run dev
描述
出现此类问题的根本原因: 网络差,下载慢,下载失败
环境:electron-vue/win10
使用命令:npm run build
在执行npm run build,由于网络差,打包所需要的文件下载不下来,导致后面的一大批错误。后面每一步都可能因网络原因而报错,请参照对应报错按要求手动下载对应工具。
因版本原因,文中下载地址仅作参考,请从报错信息中拷贝正确下载地址。
用迅雷一般都能从github上下载成功
以下所说目录若不存在,请手动新建(其实只要执行到某一步,就会自动生成该目录),目录中已有的缓存文件可以删掉
资料
electron-builder 注意看这个,里面有各个文件的别的下载地址
electron-vue的正确build姿势
你可能会用到的目录结构图
不同系统
macOS: ~/Library/Caches/electron-builder
Linux: ~/.cache/electron-builder
windows: %LOCALAPPDATA%\electron-builder\cache
下面各个路径的总结(不明白后面都有)
electron-v2.0.18-win32-x64.zip:C:\Users\Gabriel\AppData\Local\electron\Cache\electron-v2.0.18-win32-x64.zip
SHASUMS256.txt-2.0.18:C:\Users\Gabriel\AppData\Local\electron\Cache\SHASUMS256.txt-2.0.18
winCodeSign-2.4.0:C:\Users\Gabriel\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.4.0
nsis-3.0.3.2和nsis-resources-3.3.0都在:C:\Users\Gabriel\AppData\Local\electron-builder\Cache\nsis
electron-v2.0.18-win32-x64.zip
注意,下面的路径是放在electron
下载地址
GitHub:https://github.com/electron/electron/releases
淘宝镜像:https://npm.taobao.org/mirrors/electron/
安装
在上面的地址中,找到对应版本,下载如下两个文件:electron-v1.8.2-win32-x64.zip和SHASUMS256.txt
放到目录:C:\Users\windows用户\AppData\Local\electron\Cache,并将.txt文件名加上版本号:electron-v1.8.2-win32-x64.zip和SHASUMS256.txt-1.8.2
注意,下面的路径是放在electron-builder
winCodeSign-2.4.0/winCodeSign-2.4.0.7z
下载地址:https://github.com/electron-userland/electron-builder-binaries/releases 在里面找到winCodeSign-2.4.0
解压:
在目录C:\Users\windows用户\AppData\Local\electron-builder\cache\winCodeSign下,将解压的文件直接放入这个目录下,将下载文件解压到此文件夹内,如下图
nsis-3.0.3.2.7z
下载地址:https://github.com/electron-userland/electron-builder-binaries/releases?after=snap-template-2.4 在里面找到nsis-3.0.3.2.7z
解压:
在目录C:\Users\windows用户\AppData\Local\electron-builder\cache\nsis下,将解压的文件直接放入这个目录下,将下载文件解压到此文件夹内,如下图
nsis-resources-3.3.0.7z
下载地址:https://github.com/electron-userland/electron-builder-binaries/releases/tag/nsis-resources-3.3.0 在里面找到nsis-resources-3.3.0.7z
解压:
在目录C:\Users\windows用户\AppData\Local\electron-builder\cache\nsis下,将解压的文件直接放入这个目录下,将下载文件解压到此文件夹内,如下图