Vscode 调试

原文博客地址

藤原拓鞋的博客

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 文件保持默认参数即可