2.4.创建BrowserWindow

nodemon自动重启

  1. 安装

    npm install --save-dev nodemon
  2. 更改脚本

    package.json

      "scripts": {
        "start": "nodemon --watch main.js --exec \"electron .\""
      }

BrowserWindow负责创建窗口

官方文档:BrowserWindow

main.js

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

app.on('ready',()=>{
  let mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })
  mainWindow.loadFile('index.html')
  let secondWindow = new BrowserWindow({
    width: 400,
    height: 300,
    webPreferences:{
      nodeIntegration: true
    },
    parent: mainWindow
  })
  secondWindow.loadFile('second.html')
})

renderer.js

window.addEventListener('DOMContentLoaded',()=>{
    document.getElementById('node-version').innerHTML = process.versions.node
})

Last updated

Was this helpful?