使用electron-forge（squirrel.windows）打包后如何显示主控制台？

方法一：打包为控制台应用（弹出系统控制台） #

Electron-forge底层依赖的Electron-packager支持配置Windows可执行文件为控制台应用，打包后运行会自动弹出系统控制台窗口，和开发模式表现一致。

修改你的Electron-forge配置文件（比如forge.config.js或package.json中的config.forge），添加packagerConfig.win32metadata.console选项：

// forge.config.js示例
module.exports = {
  packagerConfig: {
    win32metadata: {
      console: true
    }
  },
  makers: [
    // 你的maker配置，比如Squirrel.Windows或ZIP等
  ]
};

配置后重新执行npm run make，生成的exe运行时会同时弹出渲染窗口和系统控制台，主进程的console.log会直接输出到控制台。

方法二：在渲染进程内嵌控制台界面 #

如果不想弹出系统控制台，可以在渲染进程中实现自定义控制台，通过IPC捕获主进程输出，比你当前用的猴子补丁更稳定：

主进程代码 #

const { app, ipcMain } = require('electron');

// 保存原始的stdout/stderr write方法
const originalStdoutWrite = process.stdout.write;
const originalStderrWrite = process.stderr.write;

// 重定向stdout到IPC
process.stdout.write = function(data) {
  const output = data.toString();
  ipcMain.emit('main-process-log', output);
  // 保留原始输出逻辑（开发模式下仍输出到终端）
  return originalStdoutWrite.call(this, data);
};

// 重定向stderr到IPC
process.stderr.write = function(data) {
  const output = `[ERROR] ${data.toString()}`;
  ipcMain.emit('main-process-log', output);
  return originalStderrWrite.call(this, data);
};

渲染进程代码 #

在渲染页面添加日志显示容器：

<div id="embedded-console" style="width: 100%; height: 250px; background-color: #1e1e1e; color: #d4d4d4; padding: 8px; overflow-y: auto; font-family: monospace;"></div>

添加JavaScript监听IPC消息并更新界面：

const { ipcRenderer } = require('electron');
const consoleContainer = document.getElementById('embedded-console');

ipcRenderer.on('main-process-log', (_, log) => {
  const logElement = document.createElement('div');
  logElement.textContent = log;
  consoleContainer.appendChild(logElement);
  // 自动滚动到最新日志
  consoleContainer.scrollTop = consoleContainer.scrollHeight;
});

这个方法既保留主进程日志的原始输出（开发模式下终端仍能看到），又能在渲染进程实时显示日志，稳定性优于直接修改process.stdout.write存变量的方式。

内容的提问来源于stack exchange，提问作者bruceceng