随着互联网的发展，越来越多的人开始接触到前端开发。HTML作为网页结构的基础语言，掌握其基本用法，对于想要入门网页开发的人来说至关重要。Visual Studio Code（vscode）是一款轻量级且功能强大的代码编辑器，受到许多开发者的青睐。在这篇文章中，我们将介绍如何在vscode中快速新建一个HTML文件，并简单演示如何运行它。
首先，确保您已经安装了Visual Studio Code。安装完成后，打开vscode，您会看到一个简洁的工作界面。在左侧的文件资源管理器中，您可以创建新文件和文件夹。接下来，按照以下步骤新建一个HTML文件。
在vscode中创建HTML文件的第一步是打开一个新的文件夹以用于存放您的项目文件。点击左上角的“文件”菜单，选择“打开文件夹”，然后选择一个空文件夹，或者新建一个文件夹来存放您的HTML文件。在文件夹打开后，您将在左侧看到该文件夹的目录结构。
接下来，右键点击左侧资源管理器中的空白区域，选择“新建文件”。在弹出的对话框中，输入文件名，例如“index.html”。注意文件名后缀必须是“.html”，这将告诉vscode该文件是HTML格式。
现在您已经成功创建了一个HTML文件，接下来我们来编辑它。点击新建的“index.html”文件，您将在右侧看到一个编辑区。在这个区域中，您可以编写HTML代码。最基本的HTML结构如下：
这是我在VSCode中创建的第一个HTML文档。
在这个示例中，我们使用了HTML的基本结构，其中包括、、和等标签。这些标签构成了一个简单的网页，在浏览器中打开时会展示出标题和一段文本。
编辑完HTML文件后，您可能会想要运行它。在vscode中，可以通过安装“Live Server”扩展来实现实时预览功能。首先，点击左侧的扩展图标，搜索“Live Server”，然后点击“安装”进行安装。
安装完成后，您会看到右下角有一个“打开以使用Live Server”的按钮。点击这个按钮，vscode会自动为您打开一个新的浏览器窗口，加载您的HTML文件。这种方式不仅方便，而且能让您实时看到代码更改的效果。
除了基本的HTML内容，您还可以在这个文件中包含CSS和JavaScript，为您的网页添加样式和互动效果。例如，您可以在标签中嵌入CSS样式，或者在中用