关键词：electron | exe | windows | win32
环境搭建：安装 Node.js（LTS版本）
第一阶段 - 安装并运行 electron：
-
创建一个空文件夹，我将它命名为
MyGame，然后打开它 -
通过命令行初始化
npm包npm init -y
注意：此时会生成
package.json配置文件，需要修改其中的description和author字段，否则在打包时会报错。 -
通过命令行安装
electronnpm install --save-dev electron
此时可能会遇到一些报错，例如
ELIFECYCLE、ECONNRESET等，基本都是网络问题，使用魔法后就能顺利安装了。 -
新建一个名为
index.js的文件，并写入以下代码：
// index.js
const { app, BrowserWindow } = require('electron')
app.on('window-all-closed', function() {
if (process.platform != 'darwin')
app.quit();
});
app.on('ready', function() {
mainWindow = new BrowserWindow({
width: 375,
height: 667,
show: true,
fullscreen: false,
resizable: false,
frame: true,
title: "MyGame"
});
mainWindow.removeMenu();
mainWindow.on('closed', function() {
mainWindow = null;
});
});
- （可选）通过命令行来执行Electron， 如果它打开一个标题为
MyGame的空白应用程序窗口，则说明之前的工作是正确的。electron .
第二阶段 - 通过 electron 运行web工程：
- 通过creator构建web工程，发布平台务必选择web 手机端
- 将构建好的
web-mobile拷贝到MyGame目录下 - 修改
index.js文件， 在创建mainWindow对象后加入以下代码：
mainWindow.loadURL('file://' + __dirname + '/web-mobile/index.html') - （可选）再次执行Electron， 此时游戏已经可以正常运行了！
第三阶段：
- 通过命令行安装
electron-forgenpm install --save-dev @electron-forge/cli
npx electron-forge import - 通过命令行打包 exe
npm run make
out 目录下将会生成的 exe 文件，大功告成！