制作桌面程序步骤

第一步：初始化项目

首先，创建一个文件夹进行npm init生成package.json文件

第二步：安装electron

npm install --save-dev electron

第三步：添加运行命令

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

第四步：根目录创建index.html

第五步：根目录创建main.js文件，这个文件是整个应用程序的入口

main.js

// 整个应用程序入口

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

// 创建一个createWindow()函数，用于将index.html加载到新BrowserWindow实例中
const createWindow = () => {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
  })
  let promise = win.loadFile('index.html');
}
// 调用这个createWindow()函数来打开你的窗口
app.whenReady().then(() => {
  createWindow()

  // 监听窗口激活的事件
  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow()
    }
  })

})

// 监控窗口全部关闭的事件
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') app.quit()
})

此时npm start就可以启动项目了

接下来是打包成桌面应用

第一步：

npm install --save-dev @electron-forge/cli

第二步：

npx electron-forge import

第三步：

npm i @electron-forge/plugin-fuses

第四步：

npm run package

然后打开out文件夹中的app.exe文件就可以运行程序了，至此结束