美文网首页
使用VSCode进行Web/js调试

使用VSCode进行Web/js调试

作者: hai_phon | 来源:发表于2019-07-09 10:24 被阅读0次

    用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))

    相关文章

      网友评论

          本文标题:使用VSCode进行Web/js调试

          本文链接:https://www.haomeiwen.com/subject/agytkctx.html