一分钟搞定VS Code调试electron应用程序(主进程)

调试原理：https://electron.atom.io/docs/tutorial/debugging-main-process/

废话不多说，也是简单的3步：

一、修改启动命令参数(package.json)

{
  "name": "Hello-World",
  "main": "main.js",
  "scripts": {
    "start": "electron . --inspect-brk=5858"
  }
}

--inspect-brk=5858参数中inspect是协议，brk表示断在应用程序第一行，5858表示端口。

二、修改VS Code 的配置

1、点击配置文件按钮

2、点击上面的配置按钮后会打开一个launch.json 的配置文件，如下如：

3、加入以下的配置信息（上图的是已配好的）

{ 
    "version": "0.2.0", 
    "configurations": 
    [
        {
            "name": "Attach",
            "type": "node", 
            "request": "attach", 
            "port": 5858, 
            "sourceMaps": false, 
            "outDir": null, 
            "localRoot": "${workspaceRoot}", 
            "remoteRoot": null, 
            "address": "localhost"
         } 
    ] 
}

三、调试

1、CMD启动应用程序：npm start

2、VS Code点击调试或者按F5