如何在 Visual Studio Code 中将 Chrome 调试器与实时服务器一起使用

Question

我目前正在使用Visual Code Studio，并且我安装了Live Server 和Debugger for Chrome 扩展。

我正在测试一个简单的 .html 文件，以查看在我新切换到的 VS Code 上的调试效果。

我将 launch.json 文件中的 url 更改为 "url": "http://localhost:5500" 以使用 Live Server 端口。

现在的问题：当我点击上线时，浏览器会打开http://127.0.0.1:5500/debug.html，但是当我点击 F5 进行调试时，我只会重定向到http://127.0.0.1:5500。有没有办法在调试模式下重定向到完整路径，而不是每次手动调整 url 到 http://127.0.0.1:5500/'File Path' ？如果可能，该页面将在新标签而不是新的 chrome 窗口中打开。

任何建议请我在我的设置中缺少什么？我关注了多个线程和文档，但仍然无法使其工作，例如 this 和 this。

Answer 1

也许您应该定义.html 文件。

这是一个例子：

{
    "port": 8181,
    "host": "0.0.0.0",
    "root": "/public",
    "open": false,
    "ignore": "scss,my/templates",
    "file": "index.html",
    "wait": 1000,
    "mount": [
        ["/components", "./node_modules"],
        ["/image", "./myImageFolder"]
    ],
    "logLevel": 2
}

希望对您有所帮助！如果还有什么需要请告诉我，我可以帮你解决。