如何直接打开浏览器从 vs 代码查看 html 文件？答案

【问题标题】：how can i directly open browser to view html file from vs code?如何直接打开浏览器从 vs 代码查看 html 文件？
【发布时间】：2021-05-28 09:37:32
【问题描述】：

我在VS Code 中编写 HTML 和 CSS 代码，为了预览它，我需要打开文件资源管理器，然后是文件，然后双击它们以在我的默认浏览器中打开它们。

这需要太多时间。有什么合适的方法吗？

我尝试了一个名为 live server 的实时扩展，但它的问题是我们必须在任何时候点击“上线”按钮来刷新代码。

【问题讨论】：

【解决方案1】：

如果live server extension 是 Ritwick Dey 的那个..

.. 然后点击Go Live 后，它将在默认浏览器中打开您的页面并自动重新加载，每次您保存您的工作。在某些情况下，将包含 HTML 的文件夹保存到 VS Code 中的工作区会很有帮助，尤其是当您使用 MVC 模式编写应用程序并且 HTML 和 CSS 位于子文件夹中时。

【讨论】：

【解决方案2】：

您可以安装一个名为在浏览器中打开的扩展程序。

安装完成后重启 vscode 并进入设置Ctrl + ,。搜索 Open-in-browser 设置并设置您的默认浏览器，如下所示：

然后每当你编辑一个html文件时，你可以使用快捷方式Alt + B在浏览器中打开这个文件。

【讨论】：