Electron 项目 macOS 构建配置

Mon, 13 Jul 2026 10:46:12 +0800

背景链接到标题

Electron 是用 Web 技术构建跨平台桌面应用的主流方案。本文记录从零搭建 Electron 项目并通过 electron-builder 构建 macOS 安装包的过程。无需 Apple Developer 账号，构建出的 .dmg 可在本机安装运行。

项目结构链接到标题

electron-proto/
├── package.json
├── src/
│   ├── main.js          # 主进程
│   └── index.html       # 渲染页面
└── release/             # 构建产物

配置链接到标题

package.json 链接到标题

{
  "name": "electron-proto",
  "version": "1.0.0",
  "main": "src/main.js",
  "scripts": {
    "start": "electron .",
    "build:mac": "electron-builder --mac"
  },
  "devDependencies": {
    "electron": "^33.0.0",
    "electron-builder": "^25.1.0"
  },
  "build": {
    "appId": "com.electron.proto",
    "productName": "ElectronProto",
    "directories": {
      "output": "release"
    },
    "mac": {
      "category": "public.app-category.utilities",
      "target": ["dmg"],
      "identity": null
    }
  }
}

identity: null 是关键——告诉 electron-builder 跳过代码签名，否则没有开发者证书时会构建失败。

Electron on OHTLY Blog

Electron 项目 macOS 构建配置

背景 链接到标题

项目结构 链接到标题

配置 链接到标题

package.json 链接到标题

背景链接到标题

项目结构链接到标题

配置链接到标题