electron构建跨平台的桌面应用程序_electron mainwindow等价于event.-CSDN博客

本文链接：https://blog.csdn.net/weixin_47964331/article/details/115311471

本文介绍了使用 Electron 构建桌面应用程序的过程，包括下载官方 demo、主要文件解析和打包方法。通过 `electron-packager` 和 `electron-builder` 进行打包，并分享了项目中`main.js`和`package.json`的配置示例。文章结尾提到在Windows上运行的应用全屏模式以及作者联系方式，后续将分享Linux环境下运行Electron的方法。

摘要由CSDN通过智能技术生成

electron构建跨平台的桌面应用程序

早在很久以前就听闻过electron用来构建桌面应用程序了，刚好项目上的需要，试着搞了一下，发现里面还是有不少坑的，建议新手好好阅读官方的文档内容再上手，避免踩坑。
官方文档：https://www.electronjs.org/docs

下载官方demo–electron-quick-start

GitHub地址：electron-quick-start

很简单的结构，简单明了

主要的文件：

·package.json–版本和配置相关的一些信息
·main.js–这里就是electron配置相关的内容，具体可查看官方文档
·index.html–自然不用说，懂得都得

我这边的main.js和package.json的配置都给大家参考一下：

main.js:

// Modules to control application life and create native browser window
const { app, BrowserWindow, screen } = require('electron')
const path = require('path')
// const ipc = ipcMain ipcMain

function createWindow() {
    // Create the browser window.
    const mainWindow = new BrowserWindow({
        fullscreen: true,
        autoHideMenuBar: true,
        show: false,
        // resizable: false,
        nativeWindowOpen: true,
        // transparent: true,
        // frame: false,
        webPreferences: {
            // webSecurity: false,
            pre