electron windows 桌面客户端创建

迷之珊瑚2026-07-02 9:49

AI 开发工具日渐流行。一个能与windows /mac 系统上直接运行的工具，成为刚需。

Web 技术是构建用户界面的绝佳技术栈。

作为前端开发者，electron 更是有必要学习、运用。

安装、初始化：

mkdir my-electron-app && cd my-electron-app

npm init

npm install electron --save-dev

核心代码：

main.js

javascript 复制代码

const { app, BrowserWindow } = require('electron')

const createWindow = () => {
  const win = new BrowserWindow({
    width: 800,
    height: 600
  })

  win.loadFile('index.html')
}

app.whenReady().then(() => {
  createWindow()
	app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow()
    }
  })
})

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

运行效果：

参考文档：

为什么选择 Electron | Electron

创建您的第一个应用程序 | Electron