VsCode——chrome調試launch.json配置文件

{
    // 使用 IntelliSense 瞭解相關屬性。 
    // 懸停以查看現有屬性的描述。
    // 欲瞭解更多信息，請訪問: 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": "attach",
            "name": "Attach to Chrome",
            "port": 9222,
            "webRoot": "${workspaceRoot}"
          },
        {
            "name": "使用本機chrome調試",
            "type": "chrome",
            "request": "launch",
            "runtimeExecutable": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe",//這裏填自己的chrome.exe所在目錄
            "sourceMaps": true,
            //"url":"http...",//在使用外部服務器時，註釋掉file，改用 url, 並將 useBuildInServer 設置爲 false
            "file": "${workspaceRoot}/test.html", //#每次需要修改這裏的文件地址
            "webRoot": "${workspaceRoot}",
            "userDataDir": "${workspaceRoot}/.vscode/chrome",
        }
    ]
}