前提:配置安装完成
mkdir my-electron-app && cd my-electron-app
npm init

一、安装

创建 my-electron-app 目录和package.json文件。

1
2
>mkdir my-electron-app && cd my-electron-app
>npm init

安装 Electron 包到应用的开发依赖中,安装完成会创建package-lock.json文件。
npm install --save-dev electron

二、配置

1.修改package.json配置

设置 Electron 应用程序的入口是 main.js 文件。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
"name": "my-electron-app",
"private": true,
"version": "1.0.0",
"description": "我的electron程序",
"author": "algz",
"license": "MIT",
"main": "dist-electron/main.js",
"scripts": {
"start": "electron .",
"test": "echo \"Error: no test specified\" && exit 1"
},
"devDependencies": {
"electron": "23.1.3"
}
  }

2.创建主页,嵌入main.js

项目根目录下创建一个名为index.html的文件