vscode 配置调试工具 JavaScript 调试

vscode 调试代码

场景：有些死循环的bug代码，想打开浏览器调试，发现打不开开发者工具台，断点也不太好使，于是配置一下vscode里的调试工具，还是蛮好用的。

步骤

首先打开配置

• 把下面的代码粘进去。

// 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": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
          },
          {
            "type": "chrome",
            "request": "launch",
            "name": "使用本地chrome调试",
            "file": "${file}",
            "port":8000,
          },
        {
            "name": "Launch",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/hello_world.js"
        }
    ]
}

之后，重启一下vscode，代码里点个断点，然后开启调试

对你有用的话，点个赞嘛👍