Vscode 調試 electron

轉載來自：https://blog.csdn.net/qubernet/article/details/104395022

1、點擊VSCode左側的調試按鈕

 

 

打開調試配置面板，然后點擊“自定義運行和調試創建launch.json文件”，若出現選擇下拉框，則選擇“Node.js調試器”，沒出現則不用管；

2、此時項目文件夾中的.vscode文件夾中就會多一個文件launch.js，修改該文件代碼如下所示：

{
    // 使用 IntelliSense 了解相關屬性。 
    // 懸停以查看現有屬性的描述。
    // 欲了解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-node",
            "request": "launch",
            "name": "Launch Program",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceFolder}\\index.js",
            "stopOnEntry": false, 
            "args": [ ], 
            "cwd": "${workspaceRoot}", 
            "preLaunchTask": null, 
            "runtimeExecutable": "D:/Program Files/nodejs/node_global/node_modules/electron/dist/electron.exe", 
            "runtimeArgs": [
                "--nolazy"
            ], 
            "env": {
                "NODE_ENV": "development"
            }, 
            //"externalConsole": false, 
            "sourceMaps": false
            //"outDir": null
        }
    ]
}

需要注意的是配置中的runtimeExecutable屬性值，應該填寫你電腦上正確安裝Electron的路徑地址，比如我電腦上安裝的位置是在

"D:/Program Files/nodejs/node_global/node_modules/electron/dist/electron.exe"

3、此時就配置完成了，這時候我們就可以在某個js文件中設置斷點進行調試了
如，我們在index.js中設置斷點，然后按F5即可進行調試。

完整的配置效果圖如下所示：