Electron 仿制WeGame(三)

在Visual Studio 中添加调试功能

步骤

1.在visual studio 中添加 Debugger for Electron插件,找到之后点击安装,安装完需要重启vscode;

在扩展中查找Debugger

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.调试断点,并查看相关的值

在这里插入图片描述

==回主目录=

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章