Electron 是一个由 GitHub 开源的前端框架,允许开发者使用 JavaScript、HTML 和 CSS 来创建跨平台桌面应用程序。它基于 Node.js 和 Chromium,使得开发者可以方便地将 Web 技术应用于桌面应用开发。

特点

  • 跨平台:支持 Windows、macOS 和 Linux 操作系统。
  • 使用 JavaScript:可以方便地使用 Node.js 模块和 Web 技术开发应用。
  • 丰富的 API:提供了一系列 API,可以访问系统资源,如文件系统、网络、进程等。

快速入门

要开始使用 Electron,你可以:

  1. 安装 Node.js:确保你的系统上安装了 Node.js。
  2. 创建项目:使用 electron-cli 创建一个新项目。
    npx electron-cli init my-app
    
  3. 编写代码:在项目目录中,你可以开始编写 JavaScript 代码来创建你的桌面应用。

示例

以下是一个简单的 Electron 应用示例:

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();
  }
});

扩展阅读

更多关于 Electron 的信息和教程,可以访问我们的 Electron 教程

Electron_logo