Electron 仿製WeGame（三）

在Visual Studio 中添加調試功能

步驟

1.在visual studio 中添加 Debugger for Electron插件，找到之後點擊安裝，安裝完需要重啓vscode;

2.重啓之後配置調試環境

3.修改生成的配置文件最後的配置結果如下

{
    // 使用 IntelliSense 瞭解相關屬性。 
    // 懸停以查看現有屬性的描述。
    // 欲瞭解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch",
            "type": "node",
            "request": "launch",
            //程序啓動文件,默認爲 "${workspaceRoot}/main.js"
            "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
            "program": "${workspaceRoot}/main.js",
            "stopOnEntry": false,
            "args": [],
            "cwd": "${workspaceRoot}",
            "sourceMaps": false
          }
    ]
}

4.打開之前的項目，點擊啓動按鈕（F5）啓動調試，就可以打斷點

5.調試斷點，並查看相關的值

==回主目錄=