使用Live Server扩展可在VS Code中运行HTML。1. 安装并打开VS Code,导入HTML文件;2. 安装Ritwick Dey开发的Live Server扩展;3. 右键HTML文件选择“Open with Live Server”即可在浏览器实时预览,保存后自动刷新。

要在Code(通常指Visual Studio Code,简称VS Code)中运行HTML代码,其实并不需要复杂的配置。VS Code本身是一个代码编辑器,不能直接运行HTML,但可以通过浏览器预览和调试页面。以下是具体操作步骤。
1. 安装VS Code并打开HTML文件
确保你已经下载并安装了Visual Studio Code。安装完成后:
- 启动VS Code
- 通过“文件” → “打开文件”或“打开文件夹”,导入你的HTML文件
- 确认HTML代码书写正确,保存为.html后缀的文件(如index.html)
2. 安装Live Server扩展(推荐方式)
Live Server 是一个非常实用的VS Code扩展,可以快速启动本地服务器并实时预览HTML页面。
- 点击左侧活动栏的扩展图标(四个方块)
- 搜索“Live Server”
- 找到由 Ritwick Dey 开发的“Live Server”并点击安装
- 安装完成后重启VS Code(如有提示)
3. 使用Live Server运行HTML
安装好Live Server后,运行HTML变得非常简单:
立即学习“前端免费学习笔记(深入)”;
- 在VS Code中打开你的HTML文件
- 右键编辑器中的代码区域
- 选择“Open with Live Server”
- 默认浏览器会自动打开,并显示你的网页内容
此后,每次修改代码并保存(Ctrl + S),浏览器会自动刷新,实现热更新效果。
4. 手动运行HTML(无需扩展)
如果你不想安装扩展,也可以手动运行:










