配置Electron/Node调试环境并附加调试器：Java开发者的诉求

作为同样习惯了Java生态里「先启动容器/应用，再附加IDE调试器」流程的开发者，我太懂你不想改代码、动态加断点的需求了！针对Electron里的Node.js应用，咱们完全可以复刻这套流程，具体步骤如下：

第一步：以调试模式启动Electron应用 #

Electron支持通过命令行参数开启Node.js的调试端口，就像JVM的-agentlib:jdwp参数一样，不需要修改任何应用代码：

• 如果你希望应用启动后暂停，等待调试器附加再继续执行，用--inspect-brk=<端口号>（默认端口9229，可自定义）
• 如果你希望应用直接启动运行，随时可以附加调试器，用--inspect=<端口号>

举几个实际场景的启动命令例子：

• 开发环境下启动源码版应用（入口为main.js）：

electron --inspect=9229 main.js

• Windows下启动打包后的exe应用：

your-electron-app.exe --inspect=9229

• Mac下启动打包后的App：

open -a YourElectronApp.app --args --inspect=9229

第二步：用WebStorm附加到调试进程 #

接下来就和你调试Tomcat/JVM的操作几乎一致了：

• 打开WebStorm，点击右上角的「Edit Configurations」按钮
• 点击左上角的「+」，选择「Attach to Node.js/Chrome」
• 在配置面板里，将「Port」设置为你刚才指定的端口（比如9229），其余保持默认即可
• 保存配置后，点击调试按钮（绿色的虫子图标），WebStorm会自动连接到正在运行的Electron Node进程

额外注意事项 #

• 调试渲染进程：如果需要调试Electron的网页渲染进程（前端JS代码），WebStorm会在附加后自动识别出所有可调试的进程，你只需要选择对应的渲染进程即可
• 动态断点：和Java调试一样，你可以随时在WebStorm的JS文件中添加/移除断点，无需重启Electron应用，断点会立即生效
• 多进程场景：如果你的Electron应用包含多个Node.js进程（比如主进程+多个子进程），WebStorm会列出所有可附加的进程，按需选择即可

这种方式完全贴合你熟悉的Java调试工作流，全程不需要修改应用代码，完美实现「先启动应用，再附加调试器」的需求！

内容的提问来源于stack exchange，提问作者D-Dᴙum