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