如何在浏览器中打开vscode中的HTML文件？

Question

vscode或任何扩展更新完成后，将在vscode中显示发行说明。我可以在我的计算机上找到发布说明，它是HTML文件，我通过vscode打开它，vscode显示HTML代码，不喜欢通过浏览器打开。

一般来说，我想在浏览器之外的vscode中查看html。我在互联网上搜索过它，所有都是通过vscode打开浏览器并查看html文件。

我知道vscode可以做到，但我不知道该怎么做，啊哈。

感谢。

Answer 1

VS Code不包含用于预览html页面的内置支持。可以by an extension提供。

如果您有兴趣自己实施此操作，请查看webview api

但是，正如@herrbischoff指出的那样，您应该考虑更改工作流程或期望。合适的浏览器将提供更好的开发体验，并且browser sync这样的扩展程序可以将VS Code连接到您选择的浏览器

Answer 2

现在 VS Code 内置支持在新选项卡中浏览编辑器本身内的 HTML 页面。您可以按照以下步骤在新标签页中打开类似窗口的浏览器：

1. 打开命令面板 (Ctrl + Shift + P)
2. 选择“简单浏览器：显示”
3. 输入网址/网址
4. 按回车

如果需要，您可以在真正的浏览器（如 Chrome 或 Edge）中查看 HTML 页面，而无需前往其他任何地方。请参阅下面屏幕截图右上角以黄色突出显示的图标。它将启动您 PC 的默认浏览器。

与 Chrome 或 Edge 等常规浏览器相比，此功能的行为有一个不同之处。您不能直接从磁盘加载 HTML 文件，除非您将其托管在某个 Web 服务器中，例如Live Server extension in VS Code、NPM 服务器、IIS 等

信用：John Henry's answer