- 创建一个新项目：
mkdir my-electron-app
- 初始化一个
Node.js项目：
npm init -y
- 在项目根目录，创建一个
main.js的文件，内容如下：
const { app, BrowserWindow } = require('electron');
let mainWindow;
app.on('ready', () => {
mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true, // 允许在页面中使用 Node.js
},
});
mainWindow.loadFile('index.html'); // 加载主页面
});
///当关闭 窗口时候，如果是非macos环境，则退出。
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit();
}
});
///窗口激活时，mac环境下，当窗口缩小时，实际上并没有退出，所以判断如果当前窗口等数量是0，则
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) createWindow()
})
- 在项目根目录，创建一个
index.html文件，内容如下：
<!DOCTYPE html>
<html>
<head>
<title>My First Electron App</title>
</head>
<body>
<h1>Hello, Electron!</h1>
<p>Welcome to your first Electron app.</p>
</body>
</html>
- 配置
package.json信息，用于启动应用程序
{
"name": "electrondemo",
"productName": "electrondemo",
"version": "1.0.0",
"description": "My Electron application description",
"main": "src/main.js",
"scripts": {
"start": "electron ."
},
"devDependencies": {
"electron": "33.2.0"
},
"keywords": [],
"author": {
"name": "tucici",
"email": "290255613@qq.com"
},
"license": "MIT"
}
- 启动
electron应用
npm start
