创建一个应用程序

下面是一个简单的 Electron 应用程序的完整代码示例，该应用程序打开一个窗口，并显示一个"Hello, Electron!"的文本：

创建一个新文件夹，进入该文件夹并初始化 npm：

bash

mkdir my-electron-app
cd my-electron-app
npm init -y

安装 Electron 依赖：

bash

npm install electron

创建主进程脚本 main.js：

javascript

const { app, BrowserWindow } = require("electron");

let mainWindow;

app.on("ready", () => {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
    },
  });

  mainWindow.loadFile("index.html");

  // 打开开发者工具
  // mainWindow.webContents.openDevTools();

  mainWindow.on("closed", () => {
    mainWindow = null;
  });
});

在同一目录下创建渲染进程网页 index.html：

html

<!DOCTYPE html>
<html>
  <head>
    <title>My Electron App</title>
  </head>
  <body>
    <h1>Hello, Electron!</h1>
  </body>
</html>

修改 package.json，设置启动命令为 electron .：

json

{
  "name": "my-electron-app",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  }
}

运行应用程序：

bash

npm start

通过以上步骤，你可以创建一个简单的 Electron 应用程序并运行它。这个示例展示了如何创建一个基本的 Electron 窗口并显示文本内容。你可以根据自己的需求对应用程序进行扩展和定制。

创建一个应用程序 ​

创建一个应用程序