# Clone this repository
git clone https://github.com/electron/minimal-repro
# Go into the repository
cd minimal-repro
# Install dependencies
npm install
# Run the app
npm start

// 引入控制应用生命周期和创建原生浏览器窗口的模块
const { app, BrowserWindow } = require('electron')
const path = require('node:path')

function createWindow () {
  // 创建浏览器窗口
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    icon:'./build/icon.ico',
    // frame: false,  // 设置为无边框窗口
    webPreferences: {
      preload: path.join(__dirname, 'preload.js')  // 预加载脚本
    }
  })
  
  // 移除菜单栏
  mainWindow.setMenu(null)
  
  // 加载应用的 index.html 文件
  mainWindow.loadFile('index.html')

  // 打开开发者工具（调试用，默认注释掉）
  // mainWindow.webContents.openDevTools()
}

// 当Electron完成初始化并准备创建浏览器窗口时调用此方法
// 某些API只能在此事件发生后使用
app.whenReady().then(() => {
  createWindow()

  app.on('activate', function () {
    // 在macOS上，当点击dock图标且没有其他窗口打开时，
    // 通常会重新创建一个窗口
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

// 当所有窗口都关闭时退出应用，除了macOS
// 在macOS上，应用及其菜单栏通常会保持活动状态，
// 直到用户使用Cmd + Q显式退出
app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') app.quit()
})

// 你可以在这个文件中添加应用特定的主进程代码
// 也可以将它们放在单独的文件中并在这里引入

/**
*预加载脚本在加载`index.html`之前运行 
*在渲染器中。它可以访问web API以及 
*Electron的渲染器处理模块和一些polyfill 
*Node.js函数。 https://www.electronjs.org/docs/latest/tutorial/sandbox
 */
window.addEventListener('DOMContentLoaded', () => {
  const replaceText = (selector, text) => {
    const element = document.getElementById(selector)
    if (element) element.innerText = text
  }

  for (const type of ['chrome', 'node', 'electron']) {
    replaceText(`${type}-version`, process.versions[type])
  }
})

npm install electron-builder --save-dev
# 或
yarn add electron-builder --dev