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 這個地址