Electron 教程：调试程序

  我们的Electron程序有两个运行进程:主进程和渲染器进程。

  由于渲染器进程是在我们的浏览器窗口中执行的，我们可以使用Chrome开发工具来调试它。要打开开发工具，请使用快捷键“Ctrl+Shift+I”或<F12>键。您可以在这里查看如何使用devtools。

  当您打开开发工具时，您的应用程序将如下图所示

调试主进程

  Electron窗口中的开发工具只能调试在该窗口(即网页)中执行的JavaScript。要调试在主进程中执行的JavaScript，您需要使用外部调试器，并使用- debug或- debug-brk开关启动Electron。

  Electron将监听指定端口上的V8调试器协议消息；外部调试器需要在此端口上连接。默认端口是5858。

  使用以下方式运行您的应用程序

$ electron --debug = 5858 ./main.js

  现在你需要一个支持V8调试器协议的调试器。为此，您可以使用VSCode或node检查器。例如，让我们遵循这些步骤并为此目的设置VSCode。按照以下步骤进行设置

  下载并安装VSCode。用VSCode打开你的Electron项目。

  添加文件。具有以下配置的vscode/launch.json

{
   "version": "1.0.0",
   "configurations": [
      {
         "name": "Debug Main Process",
         "type": "node",
         "request": "launch",
         "cwd": "${workspaceRoot}",
         "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
         "program": "${workspaceRoot}/main.js"
      }
   ]
}

  注意-对于Windows，请使用“${workspaceRoot}/node_modules/”。bin/electronic . cmd " for RuntimeExecutable。

  在main.js中设置一些断点，在Debug视图中开始调试。当你点击断点时，屏幕看起来像这样.

  VSCode调试器非常强大，将帮助您快速纠正错误。你还有其他选项，比如调试电子应用的节点检查器。