1勤揩、 在 VSCode 中打開一個(gè) Electron 工程。
image.png
2俗或、點(diǎn)擊vscode左側(cè)菜單欄的調(diào)試按鈕
image.png
3市怎、點(diǎn)擊配置項(xiàng)下拉框,選擇‘’添加配置‘’:
image.png
4辛慰、選擇node.js
image.png
5区匠、會打開launch.json配置文件
image.png
6、將原配置刪除,替換如下配置并保存:
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug Main Process",
"type": "node",
"request": "launch",
"cwd": "${workspaceRoot}",
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
"program": "${workspaceRoot}/main.js"
}
]
}
注意: 在 Windows 中驰弄,runtimeExecutable 的參數(shù)是 "${workspaceRoot}/node_modules/.bin/electron.cmd"麻汰。program字段后面的路徑是package.json指定的的主進(jìn)程文件
7、在main.js中設(shè)置斷點(diǎn)戚篙,并點(diǎn)擊調(diào)試開始按鈕開始調(diào)試
image.png
8五鲫、點(diǎn)擊調(diào)試開始按鈕,或者按下快捷鍵F5啟動調(diào)試
image.png
9岔擂、隨后就會進(jìn)入斷點(diǎn)調(diào)試位喂,主進(jìn)程就可以調(diào)試?yán)?/h2>
image.png
image.png