Electron最简单的最快的打包方式
用electron-package或者electron-forge打包时总是出各种错误无法打包怎么办? 如果你只是做个很简单的软件,把它发送给自己的朋友或者就是自己用一用,那么最佳的打包方式就是 不用打包 。
1. 下载镜像
https://npm.taobao.org/mirrors/electron/13.1.9/
- 找到你想要的版本后使用下载工具下载(以
electron-v13.1.9-win32-x64.zip
为例)。 - 下载完成后把文件解压。
- 然后我们会看到里面有一个叫
resources
的文件夹。 - 删掉
resources
文件夹里的所有文件。 resources
文件夹里新建一个app
文件夹
2. 开始编写代码
在app
文件夹里放入以下文件并编写代码
-
package.json
{ "name": "my-electron-app", "version": "1.0.0", "main": "index.js", "author": "" }
-
index.js
const { app, BrowserWindow } = require('electron') function createWindow() { const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) win.loadFile('index.html') } app.whenReady().then(() => { createWindow() app.on('activate', function () { if (BrowserWindow.getAllWindows().length === 0) createWindow() }) }) app.on('window-all-closed', function () { if (process.platform !== 'darwin') app.quit() })
-
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hello Electron</title> </head> <body> <h1>Hello Electron</h1> </body> </html>
目录结构如下
resources/
├──app
├── package.json
├── index.js
└── index.html
回到根目录,双击electron.exe
就可以运行程序了
要把程序发送给朋友只需要把所有东西添加到压缩包,然后你朋友只要解压后双击运行electron.exe
就可以了,并不用安装node。