为什么 VS Code 中的 LiveServer 扩展无法打开正确的 HTML？

Question

我想使用 LiveServer 快速实时查看我即时创建的一个 HTML 文件

index.html

。 但是每次我单击 VS Code 右下角的按钮

Go Live

时，它都会打开另一个 HTML 文件（位于

TailwindCSS

中的文件夹

workspace

下）。 到底发生了什么事？正如其指南所示，LiveServer 扩展一点也不直观！这个发生故障的 LiveServer 扩展浪费了我 1 个小时！！

Answer 1

右键单击要在实时服务器中打开的主文件，然后单击“使用实时服务器打开”。这可能有用。

Answer 2

我也有同样的问题。我只需通过“文件”->“打开文件夹”打开整个文件夹。

Answer 3

必须将 html 文件保存为扩展名，例如 header.html 然后当您单击 golive 时，它会出现在默认服务器中，就像我的 chrome 一样

Answer 4

我也遇到过，原来实时服务器试图在完全不同的工作目录中打开另一个index.html。我远程连接到 wsl，并使用终端更改目录，但 Visual Studio Explorer 打开了我之前正在处理的目录。这就是问题所在，从那时起，我开始启动 vscode 并通过浏览器打开我的主文件夹，这样我就可以根据需要使用终端进行 cd 操作，但是如果当我需要实时服务器时，实时服务器会打开我的旧主文件夹并列出目录，所以我只需手动转到我的index.html 所在的位置。这比看到实时服务器渲染我一直在做的以前的项目更令人沮丧