VSCode 无内置 HTML 运行功能，必须依赖插件；Live Server 的“Go Live”是唯一接近一键的可靠方式，通过启动本地 HTTP 服务（如 http://127.0.0.1:5500）绕过 file:// 协议限制，支持 fetch、模块导入和自动刷新。
VSCode 本身没有“运行 HTML”的快捷键，所谓快捷运行，本质是触发插件或外部命令——Live Server 的 Go Live 是唯一接近“一键”的可靠路径。
为什么不能直接按 F5 或 Ctrl+R 运行 HTML？
VS Code 是编辑器，不是浏览器或 Web IDE。它不内置 HTTP 服务器，也不处理 file:// 协议下的 JS 模块加载、fetch、相对路径跳转等行为。按下 F5 会弹出“找不到调试配置”，因为没定义 launch.json；Ctrl+R 则根本无绑定——这不是遗漏，而是设计取舍。
- 浏览器以
file://打开时，跨域限制直接禁用XMLHttpRequest和import语句 - VS Code 不预装任何浏览器启动逻辑，避免安全风险（如恶意插件自动唤起钓鱼页）
- Windows/macOS/Linux 获取默认浏览器的方式差异大，统一内置成本高且易出错
Live Server 的 Go Live 怎么用才真正“快捷”？
安装 Live Server（作者 Ritwick Dey）后，别只依赖右键菜单——状态栏右下角的 Go Live 按钮才是效率核心。它响应快、位置固定、不依赖光标位置。
- 必须先保存文件（标题栏无
*），否则按钮灰显 - 文件名不能含中文或空格（如
我的页面.html会失败，改用index.html） - 首次点击后，地址栏显示
http://127.0.0.1:5500/xxx.html，后续保存自动刷新 - 想换端口？在设置里搜
liveServer.settings.port，填数字（如3000）即可 - 不想每次点按钮？可手动绑定快捷键：打开
keybindings.json，加这条：
{
"key": "ctrl+alt+l",
"command": "extension.liveServer.goLive",
"when": "editorTextFocus && editorLangId == 'html'"
}
替代方案里哪些真能“省一次鼠标”？
不用 Live Server 时，仍有两个命令级操作可进快捷键绑定，但有硬伤：
立即学习“前端免费学习笔记（深入）”；
-
Open in Default Browser插件（如 open-in-browser）支持alt+b快捷键，但它走file://，JS 交互大概率报错，仅适合纯静态结构预览 - 终端执行
start index.html（Win）或open index.html（macOS）可脚本化，但无法热重载，且要确保当前终端路径正确 - Web Visual Editor 插件提供
Visual Editor命令（Ctrl+Shift+P 输入调用），适合拖拽改布局，但它是可视化编辑器，不是“运行”，也不解决 JS 加载问题
容易被忽略的细节：文件路径和模块导入
即使 Go Live 成功，以下问题仍会静默失败：
-
import './utils.js'报 404？检查路径是否相对于服务器根目录（即http://127.0.0.1:5500/），不是相对于 HTML 文件位置 - CSS 或图片
src用../assets/logo.png能加载，但写成assets/logo.png就可能 404——取决于你打开的是哪个 HTML 文件 - 如果项目用了
vite或webpack，别硬套 Live Server；该跑npm run dev，它起的服务才认import.meta.env和别名配置
真正卡住人的，往往不是“怎么点”，而是没意识到：HTML 在 VS Code 里从来就不是“运行”出来的，而是“服务”出来的。
