第一个electron程序

安装electron

1. npm init -y

2. npm install -g cnpm --registry=https://registry.npmmirror.com

（使用cnmp，npm安装时会假死）

3. cnpm install electron -D

修改package.json

{

"name": "flycode",

"version": "1.0.0",

"description": "",

"main": "main.js",

"scripts": {

"start": "nodemon --exec electron ."

},

"keywords": [],

"author": "",

"license": "ISC",

"devDependencies": {

"electron": "^26.3.0"

}

}

nodemon --exec：每次修改代码不需要重新运行，可以直接得到修改后的结果

安装nodemon

cnpm i nodemon -D

新建main.js文件

修改package.json中 "main": "main.js",

// 这里是CommonJS模块

const { app, BrowserWindow } = require("electron");

/* 窗口控件功能 start */

// 添加一个createWindow()方法来将index.html加载进一个新的BrowserWindow实例

const createWindow = () => {

const win = new BrowserWindow({

width: 800,

height: 600,

});

// 调用createWindow()函数来打开您的窗口

win.loadFile("index.html");

};

// 通过app.whenReady() API来监听在 app 模块的 ready 事件是否被激发，激发后才能创建浏览器窗口即调用createWindow()

app.whenReady().then(() => {

createWindow();

// 如果没有窗口打开则打开一个窗口 (macOS)

app.on("activate", () => {

if (BrowserWindow.getAllWindows().length === 0) createWindow();

});

});

// 关闭所有窗口时退出应用(Windows & Linux)

app.on("window-all-closed", () => {

if (process.platform !== "darwin") app.quit();

});

/* 窗口控件功能 end */

运行electron

npm start