electron打包为exe应用程序时打开控制台

vue配置electron，使用electron-builder进行打包【完整步骤】

本文详细介绍了将UniApp项目打包成.exe桌面软件的完整流程（截至2025年6月测试有效）。主要步骤包括：1）使用HBuilderX将项目编译为Web包；2）通过electron和electron-builder进行桌面端打包；3）编写必要的package.json和main.js配置文件；4）生成ico图标文件；5）使用cnpm安装依赖环境；6）最终生成可安装的exe程序。整个过程涵盖了从Web配置修改、依赖安装到打包发布的各个环节，并提供了关键配置代码示例和注意事项。

通过以上的代码实现，我们成功地禁用了 Electron 应用中的开发者工具，并且阻止了 F12 和快捷键。这样一来，用户就无法通过快捷键轻易地打开开发者工具，提高了应用的安全性和用户体验。如果你有类似需求或者有更好的实现方式，欢迎在评论区留言讨论哦~

阿丹：之前一直在写web项目，按F12开发控制台很方便但是。现在项目涉及到了桌面的应用这就需要在打包的过程中进行书写配置文件main中添加指令来在app加载完成后打开控制台，这样方便我们寻找报错。

红框里的默认菜单可能满足不了需求 / 想用中文菜单，那么就来自定义菜单。在项目根目录创建文件// 创建菜单模板// process.platform 是 Node.js 提供的一个全局变量 'darwin'：表示 macOS 系统 'win32'：表示 Windows 系统 'linux'：表示 Linux 系统label: '文件',submenu: [label: '新建',click () {createWindow() // 新建窗口},

所以有路由功能，当我们运行npm run electron:serve的时候，最后可以直接加载http://localhost:8080。在终端里面就可以显示页面。问题原因：因为请求接口报错就在控制台打印了一下信息，本地环境有这个console.log，但是打包生成后.exe文件里的控制台无这个console.log。，所以加载的是静态页面，win.loadURL("file://./index.html")。在项目中登录等存储token，运用到了js-cookie这个库，cookie是来操作浏览器的。

开始打包通过electron-packager，可以将electron应用打包成可执行exe，虽然可以实现桌面端应用，但是没有安装包而且没有在桌面创建快捷方式总是显得不是很正规，于是查询了下官网，果然有安装程序，下面就一点一点开始实现需求 附上项目地址项目地址 首先我们需要将我们的程序打包 这里我们使用electron-packager npm install electron-packager --save-dev 1 package.json 配置 scripts 命令 packager {

electron集成打包vue项目为桌面exe（若依前后端分离框架），可用于使用若依前后端分离框架进行的一些系统的electron打包

简单使用hbuildx把vue-cli项目打包，并使用electron转换成可执行的exe文件

前言： 公司已有web端vue项目，现在有需求，需要把web端的该项目用electron打包成 .exe 可执行文件。 思考：打包成 .exe 文件，首先需要将vue项目在本地打包成静态可运行文件，其次使用electron将build后的文件打包成 .exe 可执行文件。 步骤： 一、 在 quasar.conf 文件中进行构建配置，位置在build属性下面： 1、 具体配置哪些配置项，可以参考quasar官方文档：quasar.conf.js build 属性配置 build: { // v

前言: 在开发Electron过程中，有些测试需要在打包后进行。但是无法想看到调试信息。一则可以借助logger.js将相关信息打印到日志中.另外一种方法就是在打包后开启dev开发者模式。 步骤1: webPreferences中，devTools设置为true,并且高版本的话，nodeIntegration需要打开。(main.js或者main文件夹下index.js) webPreferences: { devTools: true, nodeInteg...

Electron应用程序安装后如果需要在开发环境下打开控制台。 在electron的官网里面得知，使用contents.toggleDevTools()能够切换开发工具，也就是调用这个方法就能够控制控制台的开启和关闭状态。 在util工具文件夹里面新建一个js文件。 export default function toggleDevTools() { window.addEventListener( 'keydown', (e) => { const { altKey

【代码】electron开启ctrl+shift+i开启控制台。

如果你的 Electron 版本是 12 或更高，并且你使用了 nodeIntegration，建议使用预加载脚本和 contextBridge 来安全地暴露 Node.js 功能到渲染进程中。contextIsolation: false // 如果你使用预加载脚本，则需要设置为false，并使用contextBridge。contextIsolation: false // 如果你使用预加载脚本，则需要设置为false，并使用contextBridge。// 注册一个快捷键，打开开发者工具。

上文中的preload.js,无法使用全部Node的API，比如：不能使用Node中的fs模块，但主进程（main.js）是可以的。预加载脚本 运行在渲染进程上 能执行一部分的node api 通过它联系主进程和渲染进程 主进程和渲染进程的桥梁。mac应用即使在没有打开窗口的情况下也继续运行，并且在没有窗口可用的情况下激活应用时会打开新的窗口。self ：仅允许从同源的资源加载，禁⽌从不受信任的外部来源加载，提⾼安全性。self ：仅允许从同源的资源加载，禁⽌从不受信任的外部来源加载，提⾼安全性。

基本代码部分参见下面这篇文章 https://newsn.net/say/electron-devtools-plus.html 但是，还需要在打包的配置依赖中加上几项内容；在package.json文件中： 默认只有dev里面有下面两项依赖 现在，要把这两项也添加到dependencies里面 ...