Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。以下是一些关于 Electron 的基本教程内容。

安装 Electron

首先，您需要在您的开发环境中安装 Electron。可以通过以下命令来安装：

npm install electron --save-dev

创建第一个 Electron 应用

创建一个简单的 Electron 应用，您需要做以下几步：

  1. 创建一个 main.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('window-all-closed', () => {
    if (process.platform !== 'darwin') {
        app.quit();
    }
});

app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
        createWindow();
    }
});
  1. 创建一个 index.html 文件：
<!DOCTYPE html>
<html>
<head>
    <title>Electron App</title>
</head>
<body>
    <h1>Welcome to Electron App</h1>
</body>
</html>
  1. 在 package.json 文件中添加以下启动脚本：
"scripts": {
    "start": "electron ."
}
  1. 运行您的 Electron 应用：
npm start

资源

更多关于 Electron 的教程和资源，您可以访问以下链接：

Electron