Electron:创建项目

克隆仓库创建 electron 项目

git clone https://github.com/electron/electron-quick-start

cd electron-quick-start

npm install && npm start

使用 electron-forge 搭建 electron 项目

npx create-electron-app 项目名

cd 项目名

npm start

手动创建 electron 项目

主进程main.js

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

const createWindow = () => {
    // 创建窗口
    const mainWindow = new BrowserWindow({
        width: 600,
        height: 400
    });
    // 加载 渲染进程 index.html
    mainWindow.loadFile(path.join(__dirname, "index.html"));
}

//监听应用的启动事件
app.on("ready", createWindow)

//监听窗口关闭的事件，关闭的时候退出应用，macOs 需要排除 
app.on('window-all-closed', () => {
    // macOS 进程不关闭，缩小到 dock 中的应用图标
    if (process.platform !== 'darwin') {
        app.quit();
    }
});

//Macos 中点击 dock 中的应用图标的时候重新创建窗口 
app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
        createWindow();
    }
});