使用VSCode进行Web/js调试

用VSCode调试，需要在.vscode->的launch.json里面进行配置，默认情况下项目是没有这个配置文件的，下面是操作流程
1、按F5，弹出浏览器选择器，尽量选择chrome，其它的我没尝试，不知道是否可行。

操作1.png

操作2.png

2.先正常Run项目，打开你想要debug的页面，拿到路径，配置到launch.json的configurations的url中：

image.png

方便拷贝，launch.json的configuration[]：

{
            "name": "chrome",
            "type": "chrome",
            "request": "launch",
            //  "file": "${workspaceRoot}/index.html",// 本地文件地址
            "url": "http://192.168.10.191:8080/data_entry/record_press_operation", // 网络地址
            "runtimeExecutable": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", // 改成您的 Chrome 安装路径
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}",
            "userDataDir":"${tmpdir}",
            "port":5433,
            "args": [
                "--config",
                "configs/example.json"
            ]
        }

2.打印日志调试：console.log(Object)有时候会显示[Object]，看不到具体成员参数，改成
console.log(JSON.stringify(object))