使用Chrome的Visual Studio代码调试器拒绝连接到本地主机

Question

我有一个9个月大的项目，不再显示在浏览器从F5调试在vs代码。

我用index.html文件设置了一个全新的简单项目，试图获得Visual Studio代码，以便在Chrome浏览器窗口中启动它。

我在chrome中不断得到一个错误页面，上面写着：

    {
    // 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:8000",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

hello world!!!!!

Answer 1

如果其他人也有这个问题，我通过以下方法解决了这个问题：

1）安装ritwickdey/vscode-live-server可在以下位置使用：vscode-live-server链接

2）重新启动vscode

3）点击屏幕底部的Go Live按钮

4）从生成的Chrome窗口中获取服务器地址（例如:http://localhost:5500/)

5）更改。vscode/launch.json文件以包含该服务器地址：

{
    "version": "0.2.0",
    "configurations": [

        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:5500",
            "webRoot": "${workspaceRoot}"
        }
    ]
}

{
    "liveServer.settings.port": 5500,
    "liveServer.settings.CustomBrowser" : "chrome",
    "liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito --remote-debugging-port=9222",
    "liveServer.settings.NoBrowser" : false,
    "liveServer.settings.ignoreFiles" : [
            ".vscode/**",
            "**/*.scss",
            "**/*.sass"
    ]

}