electron 项目搭建

安装electron

1.初始化配置文件

npm init
#entry point 应为 main.js.

2.安装electron

npm install --save-dev electron

3.在package.json 中添加启动命令

"start": "electron ."
  1. main.js
const createWindow = () => {
  const win = new BrowserWindow({
    width: 800,
    height: 600
  })

  win.loadFile('index.html')
}
//打开窗口
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()
})
posted @ 2024-12-24 13:40  暖暖De幸福  阅读(38)  评论(0)    收藏  举报