Vue electron零基础使用教程

main.js
// main.js
// Modules to control application life and create native browser window
const { app, BrowserWindow, Menu } = require('electron')
const path = require('path')
const url = 'http://xxxxxxxxxx'
//清理缓存
const clearObj = {
storages: [
'appcache',
'filesystem',
'indexdb',
'localstorage',
'shadercache',
'websql',
'serviceworkers',
'cachestorage'
],
};
const createWindow = () => {
// Create the browser window.
//取消顶部菜单栏
// Menu.setApplicationMenu(null)
const mainWindow = new BrowserWindow({
maximizable: true,
show: false,
// frame: false,
autoHideMenuBar: true,
webPreferences: {
// preload: path.join(__dirname, 'preload.js'),
partition: String(+new Date())
},
})
// 加载 index.html
// mainWindow.loadFile(url)
mainWindow.setTitle("名字标题");
mainWindow.loadURL(url);
mainWindow.on('close', (event) => {
mainWindow.webContents.session.clearStorageData(clearObj);
mainWindow.reload();
})
mainWindow.maximize();
//自定义菜单
// const template = [
//   {
//     label: '重载',
//     accelerator: 'CmdOrCtrl+R',
//     click: (item, mainWindow) => {
//       if (mainWindow) {
//         // 重载之后, 刷新并关闭所有之前打开的次要窗体
//         if (mainWindow.id == 1) {
//           BrowserWindow.getAllWindows().forEach((win) => {
//             if (win.id > 1) win.close();
//           });
//         }
//         mainWindow.webContents.session.clearStorageData(clearObj, () => {
//           mainWindow.reload();
//         })
//       }
//     },
//   },
//   {
//     label: '清除缓存数据',
//     accelerator: 'CmdOrCtrl+Shift+Delete',
//     click: (item, mainWindow) => {
//       if (mainWindow) {
//         mainWindow.webContents.session.clearStorageData(clearObj);
//         mainWindow.reload();
//       }
//     }
//   },
// ]
// const menu = Menu.buildFromTemplate(template)
// Menu.setApplicationMenu(menu)
// 打开开发工具
// mainWindow.webContents.openDevTools()
mainWindow.webContents.closeDevTools();
}
// 这段程序将会在 Electron 结束初始化
// 和创建浏览器窗口的时候调用
// 部分 API 在 ready 事件触发后才能使用。
app.whenReady().then(() => {
createWindow()
app.on('activate', () => {
// On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
if (BrowserWindow.getAllWindows().length === 0) createWindow()
})
})
// 除了 macOS 外，当所有窗口都被关闭的时候退出程序。 There, it's common
// for applications and their menu bar to stay active until the user quits
// explicitly with Cmd + Q.
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') app.quit()
})
// In this file you can include the rest of your app's specific main process
// code. 也可以拆分成几个文件，然后用 require 导入。

"config": {
"forge": {
"packagerConfig": {
"appVersion": "1.1.3",
"name": "你的应用程序名字",
"appCopyright": "姓名",
"icon": "应用程序logo"
},
"makers": [
{
"name": "@electron-forge/maker-squirrel",
"config": {
"name": "my_electron_app"
}
},
{
"name": "@electron-forge/maker-zip",
"platforms": [
"darwin"
]
},
{
"name": "@electron-forge/maker-deb",
"config": {}
},
{
"name": "@electron-forge/maker-rpm",
"config": {}
}
]
}
}