Electron 将网址打包成桌面exe

原创

已于 2024-05-06 15:51:14 修改

· 1.1k 阅读

3 ·

版权

文章标签：

#electron #javascript #前端 #vue

于 2024-05-06 15:46:43 首次发布

本文介绍了如何在项目中安装Electron相关依赖，创建并配置Electron应用，使用`electron-builder`进行打包，以及在Windows平台上生成可执行文件的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、安装electron相关依赖

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

2、在项目目录最外层新建一个index.js文件，与package.json文件同级

const { app, BrowserWindow } = require('electron')
const createWindow = () => {
  // 创建浏览器窗口
  const win = new BrowserWindow({
    autoHideMenuBar: true,
  })
  win.maximize()
  win.loadURL('https://www.youkuaiyun.com/') // 输入要打包的网址链接
}

// 应用程序加载窗口
app.whenReady().then(() => {
  createWindow()
  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

// 窗口关闭退出应用程序
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') app.quit()
})