vscode 配置debugger

1.安装debugger for chrome

2.配置 launch.json

{

    // 使用 IntelliSense 了解相关属性。 

    // 悬停以查看现有属性的描述。

    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387

    "version": "0.2.0",

    "configurations": [

        {

            "type": "chrome",

            "request": "launch",//attach附加，launch新开启窗口

            "sourceMaps": true,

            "name": "Launch Chrome against localhost",

            "url": "http://localhost:5001",

            "webRoot": "${workspaceFolder}/src",//配成root的那个路径会导致views中一些vue的断点无效：unbound breakpoint

            "sourceMapPathOverrides": {

                 "webpack:///./src/*": "${webRoot}/*",

                "webpack:///src/*": "${webRoot}/*"

            }

        },

        {

            "type": "chrome",

            "request": "attach",

            "sourceMaps": true,

            "name": "attach Chrome against localhost",

            "url": "http://localhost:5001",

            "webRoot": "${workspaceFolder}/src", 

            "port": 9222 //端口号与浏览器启动端口一致 --remote 什么什么命令

        }

    ]

}