Vscode 调试

Vscode Chrome 调试
Vscode Node 调试

Vscode Chrome 调试

1. 首先安装 Vscode 插件：

2. 在项目目录下创建 launch.json 文件

3. 修改 launch.json 文件如下

{
           "type": "chrome",
           "request": "launch",
           "name": "使用chrome调试",
           "file": "${file}",
           "sourceMaps": true,
           "webRoot": "${workspaceFolder}",
           "userDataDir": "${tmpdir}",
           "port": 9222
       }

顺便也给出 Firefox 的参数

{
           "type": "firefox",
           "request": "launch",
           "name": "使用firefox调试",
           "file":"${file}",
           "reAttach": true,
           "pathMappings": [{
               "url": "http://localhost",
               "path": "${workspaceFolder}"
           }]
       }

4. 在要调试的代码文件左边行标处点击红点，设置断点

5. 选择模式”使用 chrome 调试”，开始调试

6. 在调试中端进行参数查询调试

Vscode node 调试

如上，新建的 launch.json 文件保持默认参数即可

赏

感谢您打赏帅气的农民

支付宝

微信