步骤一：安装vscode
首先，我们需要前往Visual Studio Code的官方网站（https://code.visualstudio.com/）下载并安装它。选择您的操作系统，然后按照指示完成安装过程。
步骤二：新建一个HTML文件
打开VS Code之后，新建一个HTML文件的方式有两种：
方法一：
依次点击 "File"->"New File"->"Save As"，选择你希望保存该HTML文件的文件夹，并将文件命名为“index.html”（确保文件名以 .html 结尾）。
方法二：
在VS Code中打开一个空文件夹，然后依次点击“File”->“New File”，创建一个HTML文件。然后在文件名处输入“index.html”，然后按下回车键。
步骤三：编写HTML代码
在VS Code中，您可以打开新建的HTML文件并开始编写HTML代码。
<!DOCTYPE html>
<html>
<head>
<title>我的个人网站</title>
</head>
<body>
<h1>欢迎光临我的个人网站！</h1>
<p><strong>这是我的第一个HTML页面。</strong></p>
</body>
</html>
在这个HTML代码中，我们定义了文档的基本结构，并添加了一个标题和一段文本。请注意，所有的HTML标记都是以左尖括号开头，以右尖括括号结束。
步骤四：预览HTML页面
在VS Code中，我们可以使用内置的预览功能来立即查看我们的HTML页面。
方法一：
使用Ctrl + Shift + V（Windows / Linux）或Command + Shift + V（Mac OS）快速预览。
方法二：
右键单击文件，选择“在默认浏览器中打开”，可以在新的标签页或窗口中查看您的HTML页面。
步骤五：修改HTML代码并保存
您可以随时编辑您的HTML代码，并使用之前介绍的预览功能来查看任何更改。一旦您对HTML页面满意，就可以保存它并分享它了。
保存文件：
使用快捷键Ctrl + S（Windows / Linux）或Command + S（Mac OS）保存您的HTML文件。
结论
使用Visual Studio Code编写HTML是非常容易的，对于任何想要开始在Web上写代码的人来说都是一个不错的选择。只需按照上述步骤，您就可以快速地创建一个基本的HTML页面。