1. 在 VSCode 中打开一个 Electron 工程。

1
$ git clone [email protected]:electron/electron-quick-start.git
2
$ code electron-quick-start
Copied!

2. 使用以下配置添加一个文件 .vscode / launch.json:

1
{
2
"version": "0.2.0",
3
"configurations": [
4
{
5
"name": "Debug Main Process",
6
"type": "node",
7
"request": "launch",
8
"cwd": "${workspaceRoot}",
9
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
10
"windows": {
11
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd"
12
},
13
"args" : ["."]
14
}
15
]
16
}
Copied!

注意： 在 Windows 中， runtimeExecutable 的参数是 "${workspaceRoot}/node_modules/.bin/electron.cmd"。

3. 调试

在 main.js 设置断点， 并在 Debug View 中启动调试。你应该能够捕获断点信息。
这是一个预配置的项目，你可以下载并直接在 VSCode 调试： https://github.com/octref/vscode-electron-debug/tree/master/electron-quick-start​