使用Live Server扩展是VSCode运行HTML文件最简单的方法,安装后右键选择“Open with Live Server”即可在浏览器中自动打开并实时预览网页内容。

在VSCode里运行HTML文件,最简单的方法是借助浏览器打开。VSCode本身不直接运行HTML,但可以快速预览和调试。
安装并使用Live Server扩展
这是最常用的方式,能自动刷新页面,提升开发效率。
• 打开VSCode,点击左侧的扩展图标(或按 Ctrl+Shift+X)• 搜索 "Live Server",找到由 Ritwick Dey 开发的版本,点击安装
• 安装完成后,打开一个HTML文件
• 右键点击编辑器中的代码,选择 "Open with Live Server"
• 浏览器会自动打开,并显示你的网页内容
手动用浏览器打开HTML文件
如果你不需要实时刷新,可以直接在浏览器中打开文件。
• 找到该文件在系统中的位置,右键选择“打开方式”,选一个浏览器
• 或者直接拖动文件到浏览器标签页中
设置默认浏览器(可选)
Live Server 默认会使用系统默认浏览器。如果你想更改,可以在VSCode设置中搜索 "Live Server: Settings",修改默认打开的浏览器类型。
立即学习“前端免费学习笔记(深入)”;
基本上就这些。用Live Server是最推荐的方式,省时省力,适合前端开发。











