1.安装插件
要实现在Vscode中边写边看效果，需要安装Live Server插件。该插件是一个轻量级的软件应用程序，可以在保存代码时自动构建和更新您的程序。
1.1 安装Live Server插件
在Vscode的Extensions视图中搜索Live Server，然后选择安装即可完成插件安装。
1.2 启动Live Server
安装完成插件后，需要启动Live Server。您可以通过快捷键（Ctrl+Shift+P）打开命令面板，然后在面板中搜索“Live Server: Open with Live Server”命令，选择该命令，Live Server就会自动在浏览器中打开您的网页。
2.使用Live Server
一旦您启动了Live Server，它就会在您的计算机上创建一个本地服务器，您可以在本地计算机上预览您的网页。
当您更改源代码时，Live Server会自动重新启动服务器，并在浏览器中重新加载网页，以便您可以边写边看效果。
2.1 创建HTML文件
在Vscode中创建一个HTML文件，并将代码保存为index.html。如果您没有HTML文件，请从头开始创建一个文件。
2.2 编写HTML代码
在HTML文件中编写代码，并将代码保存到index.html文件中。
在保存代码时，请确保您将代码保存到正确的文件中。例如，如果您的代码文件名为index.html，则需要确保代码保存到该文件中，以便Live Server可以自动识别该文件并在浏览器中打开它。
2.3 打开网页
在Vscode中，按下Ctrl+Shift+P打开命令面板，在面板中搜索“Live Server: Open with Live Server”命令，选择该命令，Live Server会自动在浏览器中打开您的网页。
2.4 编辑代码
现在您已经成功地将网页打开到浏览器中，可以开始编辑代码了。在Vscode中，更改HTML文件中的代码，并保存文件。Live Server会自动重新启动服务器，并在浏览器中重新加载网页。
3.总结归纳
使用Vscode边写边看效果非常方便，在Vscode中安装Live Server插件就可以实现。使用Live Server可以帮助您自动构建和更新程序，这样，您就可以在保存代码时预览程序效果。同时，Live Server还可以自动重新启动服务器，并在浏览器中重新加载网页，以便您可以边写边看效果。
