Visual Studio Code 断点调试配置方法（请按我的步骤 一定可以做到）

1 visual studio code 的 extentions 里安装插件 debugger for chrome
2 devtool: 'eval-source-map', cacheBusting：false
3 chrome 快捷方式 在目标一栏，最后加上 --remote-debugging-port=9222，注意要用空格隔开
4 .vscode 里面放一个 launch.json 文件

{

    "version": "0.2.0",

    "configurations": [

        {

            "type": "chrome",

            "request": "attach",

            "name": "Attach to Chrome",

            "port": 9222,

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

            "url": "http://localhost:8080",

            "sourceMaps": true,

            "sourceMapPathOverrides": {

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

            }

        }

    ]

}

5 先点击chrome快捷方式，启动调试版的chrome

6 启动项目，并且在chrome里运行，localhost:8080

7 点击调试的 绿色三角，用attach方式，map到chrome的localhost:8080 这个地址

转载于:https://www.cnblogs.com/jason-beijing/p/11355063.html