Live Server 是唯一真正快速运行 HTML 的方式，它启动本地 HTTP 服务（如 http://127.0.0.1:5500）绕过 file:// 协议限制，解决 AJAX 失败、跨域报错、资源加载异常等问题。
直接装 Live Server 插件，右键选 Open with Live Server —— 这是唯一真正“快速运行 HTML”的方式，其他方法要么卡在 file:// 协议限制里，要么改个样式就得手动刷新。
为什么不能双击 HTML 文件就叫“运行”？
双击打开走的是 file:// 协议，浏览器会禁用很多功能：AJAX 请求 404、fetch 报跨域、本地 localStorage 可能不生效、甚至某些 CSS @import 或字体加载失败。这不是你代码写错了，是协议本身不允许——开发阶段必须走 http://。
常见错误现象：net::ERR_FILE_NOT_FOUND（fetch 失败）、控制台报 Cross origin requests are only supported for protocol schemes、图片/CSS 突然不显示。
-
Live Server启动的是真实本地 HTTP 服务（默认http://127.0.0.1:5500），绕过所有file://限制 - 它不是“打开文件”，而是“启动服务器 + 自动映射路径”，所以连子目录里的
./css/style.css都能正确解析 - macOS/Linux 用户注意：
start命令在这些系统上无效，别照抄 Windows 的tasks.json配置
安装 Live Server 后，右键没出现 Open with Live Server？
不是插件没装好，大概率是你没在「已打开的 HTML 文件编辑器内」右键——必须是编辑器标签页或代码区的空白处右键，不是资源管理器（侧边栏）里那个文件名上右键。
立即学习“前端免费学习笔记（深入）”；
另一个常见遗漏点：VS Code 没有自动识别文件类型。如果文件后缀不是 .html（比如你误存为 index.txt），或者文件顶部没写 <!DOCTYPE html>，插件可能不激活。
- 检查右下角状态栏：应显示
HTML，而不是Plain Text或Unknown - 按
Ctrl+Shift+P输入Change Language Mode，手动设为HTML - 确认文件已保存（未保存的临时文件不会触发插件菜单）
想换 Chrome 或 Edge 当默认浏览器？
Live Server 默认用系统默认浏览器，但你可以精准指定。别去改系统设置，直接在 VS Code 设置里搜 liveServer.settings.CustomBrowser，填值即可：
Windows 填 "chrome" 或 "edge"；macOS 填 "google chrome" 或 "microsoft edge"；Linux 填 "chromium" 或 "firefox"。
注意大小写和空格：填错一个字符，Live Server 就静默失败，既不报错也不打开新窗口。
- 填完记得重启 VS Code，设置才生效
- 如果用了便携版 Chrome（比如放在 D:\chrome\chrome.exe），
Live Server不支持自定义路径，得换用tasks.json方案 - 多人协作时，这个设置不随项目共享，每个开发者需单独配置
最常被忽略的一点：端口冲突。如果你同时开了 Python 的 http.server、Node 的 serve 或另一套 VS Code 窗口的 Live Server，默认的 5500 端口会被占。此时它会自动跳到 5501，但浏览器不会自动跳转——你得看状态栏右下角的 URL，手动复制粘贴过去。
