VSCode断点调试JS操作HTML document对象

来源：互联网发布：房地产经营数据分析编辑：程序博客网时间：2024/05/17 08:36

1. VSCode 上装插件：Debugger for Chrome

ctrl+shift+p 选择Extensions:install Extensions，选择Debugger for Chrome，installing，然后reload

2. 修改launch.json

{    // Use IntelliSense to learn about possible attributes.    // Hover to view descriptions of existing attributes.    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387        "version": "0.2.0",    "configurations": [{            "name": "谷歌浏览器", //运行html文件，用谷歌浏览器打开            "type": "chrome",            "request": "launch",            "url": "${file}",            "sourceMaps": true,            "webRoot": "${workspaceRoot}"        },        {            "name": "nodeLauch", //单独调试js，即可以直接运行js            "type": "node",            "request": "launch",            "program": "${file}", //这个配置成你要调试的文件、${file}当前打开的文件            "stopOnEntry": false,            "args": [],            "cwd": "${workspaceRoot}",            "runtimeExecutable": null,            "runtimeArgs": [                "--nolazy"            ],            "env": {                "NODE_ENV": "development"            },            "console": "internalConsole",            "preLaunchTask": "",            "sourceMaps": false,            "outDir": null        }    ]}

阅读全文

0 0