Electron Forge 入门

• 官网
• 前提
• 创建示例项目
• 打包运行安装包
• Vite配置

Electron Forge 是 Electron 推荐打包工具。

官网

https://www.electronforge.io/

前提

1. 安装了Nodejs, 用nvm管理也是可以的
2. npm版本不能是10，要低于10，否则运行npm config set xxx会报错
3. 设置国内镜像

npm config set registry https://registry.npmmirror.com

npm config set ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/"
npm config set ELECTRON_CUSTOM_DIR="{{ version }}"

创建示例项目

找一个文件夹，打开命令提示符窗口

npm create vite@latest vite-demo-one -- --template vue

这里使用了vite模板

cd vite-demo-one
npm install
npm run start

就可以出现界面

打包运行安装包

npm run make

在out目录下会生成exe安装包，双击运行。

如果package.json中使用的依赖@electron-forge/plugin-vite的版本是7.5.0，则会报错。

解决方法：Electron Forge 打包成Exe后运行找不到electron-squirrel-startup

Vite配置

Vite的配置和其他Vite项目类似。

注意

vite.renderer.config.mjs中配置bas时，不能写/,否则运行时会从本地文件加载，导致报错。