electron-builder打包electron-vue项目步骤

(如有遗漏或错误,欢迎指正)

1、项目安装开发依赖electron-builder

2、配置打包文件build.js(electron-vue的官方配置)

3、在package.json设置打包

4、在package.json设置打包命令(下为electron-Vue官方设置)

5、运行"cnpm run build",根据提示下载对应的electron-v2.0.18-win32-x64(v2.0.18为版本号,根据要求下载自己对应的版本),将下载的文件放入"C:\Users\Administor\AppData\Local\electron\Cache",Administrator为当前电脑用户名,如在浏览器输入"https://github.com/electron/electron/releases/download/v.2.0.18/electron-v2.0.18-win32-x64.zip"

6、"cnpm run build"运行时,根据提示下载对应的winCodeSign-2.4.0(2.4.0为版本号,根据要求下载自己对应的版本),将下载的文件解压,解压后整个文件放入"C:\Users\Administor\AppData\Local\electron-builder\Cache\winCodeSign",如在浏览器输入"https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.4.0/winCodeSign-2.4.0.7z"

7、"cnpm run build"运行时,根据提示下载对应的nsis-3.0.3.2(3.0.3.2为版本号,根据要求下载自己对应的版本),将下载的文件解压,解压后整个文件放入"C:\Users\Administor\AppData\Local\electron-builder\Cache\nsis",如在浏览器输入"https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.3.2/nsis-3.0.3.2.7z"

8、在项目目录下创建文件"installer.nsh",内容如下

9、项目打包完成效果

你可能感兴趣的:(electron-builder打包electron-vue项目步骤)