electron打包vue2项目流程

戒不掉的伤怀2025-03-28 16:09

1，安装一个node +vue2 的项目

2，安装electron：

复制代码

npm install electron -g

//如果安装还是 特比慢 或 不想安装cnpn 淘宝镜像

查看是否安装成功：

electron -v

3，进入到项目目录：cd electron-demo 进入项目目录然后通过add你的electron

复制代码

vue add electron-builder

安装过程中此处我们选择 ^13.0.0 按下回车

4，修改你的c盘下面的.npmrc ( 修改镜像添加如下代码)

复制代码

ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
ELECTRON_BUILDER_BINARIES_MIRROR=https://npmmirror.com/mirrors/electron-builder-binaries/

5，打包成exe文件：

复制代码

打包应用 使用 npm run electron:build 进行打包

打包后本地就有了：