如何创建Electron项目

手把手教你从0到1创建一个Electron项目，以及如何安装electron依赖包

前提：请先安装好Node.js

npm init -y

# 使用 npm
npm install --save-dev electron

# 或使用 yarn
yarn add --dev electron

# 或使用 pnpm
pnpm add -D electron

下载的是electron npm 包（JS 包装层，很小），走的是npm registry 镜像下载然后在 package.json 中添加启动命令：

  "scripts": {
    "start": "electron .",
  },

npm start

首次运行可能会下载 Electron 二进制文件（Chromium + Node，几百 MB），走的是单独的 Electron 镜像。完成后会自动打开应用窗口。未单独配置Electron 镜像地址时，默认从 GitHub 下载，很慢

解决下载慢的问题：需要在 .npmrc 单独配置 Electron 镜像：若希望本机所有项目都用 Electron 镜像，在用户级文件如： C:\Users\cheng\.npmrc 里追加同一行即可:

registry=https://registry.npmmirror.com
electron_mirror=https://npmmirror.com/mirrors/electron/

若只想给当前 Electron 项目配镜像，在项目根目录新建 .npmrc：

electron_mirror=https://npmmirror.com/mirrors/electron/

配置好后，查看electron镜像源地址

npm config get electron_mirror

你也可以使用任意带agent功能的编辑器，如Cursor，通过下方命令让它自动创建一个electron项目：

帮我生成一个基本的electron应用

electron

相关推荐