轻量级VS Code运行HTML代码不是难事，这里提供几个方法

对于那些刚开始编码的人来说，Visual Studio Code（VS Code）是更大、更复杂的代码编辑器的一个很好的替代品。特别是对于网络开发人员来说，它提供了许多编写和调整HTML部分的机会，加上大量的功能，使开发成为一次激动人心的旅程。

但是，如果你是开发界的新手，那么你究竟是如何在VS Code中运行HTML文件的呢？让我们回答这个问题，并探究VS Code为HTML编码程序存储的功能。

在VS Code 中运行HTML文件

尽管VS Code在启动时没有明显的HTML预览功能，但它通过大量的扩展来弥补这一缺陷。这些社区插件可以填补空白，并为你提供实时查看功能，就好像它一直是内置的一样。以下是如何使用它们：

1、按Ctrl+Shift+X打开VS Code中的扩展视图。从这里，你可以寻找任何适合你的扩展。

2、要找到正确的扩展名，请在此视图中键入关键字，如“live view”或“HTML preview”。每个扩展都有不同的功能，如易于使用的实时预览或VS Code环境中的集成浏览器视图。

3、一旦你找到了适合你的项目的扩展，点击“安装”，它将成为你的Visual Studio Code环境中的一部分以供将来使用。

4、单击分屏预览按钮可在分屏中查看HTML文件。

然后，是时候探索你刚刚安装的扩展的新功能了。查看它的文档，或者通过HTML文件中的右键单击上下文菜单查看哪些选项可用。

在终端中运行HTML

如果你还不想摆弄扩展名，VS Code中的终端可以让你运行一个没有扩展名的HTML文件，尽管它有点复杂：

1、为HTML代码打开或创建一个新文件。

2、单击顶部的“终端”，然后选择“新建终端”以打开它。

3、使用cd命令切换到HTML文件的位置。

4、键入start，然后键入HTML文件名，然后按Enter键。这将在默认浏览器中启动HTML文件。

在浏览器中打开

回到扩展，HTML和web开发的另一个方便的扩展，通常是“在浏览器中打开”，它直接从VS Code在web浏览器中打开HTML文件。方法如下：

1、单击侧面的“扩展”按钮。

2、在搜索栏中键入“open in browser”以查找扩展名。​

3、一旦你看到同名扩展，请安装它。

4、安装后，右键单击HTML代码中的任意位置。

4、选择“在默认浏览器中打开”或从“在其他浏览器中打开”选项中选择其他浏览器。