vs code中html文件“运行”无反应，根本原因是其不内置html预览功能，需依赖语言模式识别、live server插件启用及工作区正确打开；右下角显示非html语言模式、插件未启用、未通过open folder打开项目、受限模式或端口冲突均会导致失败。
VS Code 里 HTML 文件点“运行”没反应，不是你代码写错了，而是它压根没被当成可预览的网页来处理——HTML 不是靠 code-runner 这类执行器跑的，也没有内置调试适配器，所有“运行”行为都依赖外部机制或插件补全。
右键菜单没有“Open in Browser”或“Open with Live Server”
这个选项消失，说明 VS Code 没识别出当前文件是 HTML，或者关键插件没启用。
- 先看右下角状态栏：如果显示的是
Plain Text、PHP或其他语言，点击它 → 选HTML；后缀不是.html或.htm的文件（比如index无后缀），不会触发 HTML 语言服务 - 去扩展面板（
Ctrl+Shift+X）搜Live Server，确认作者是Ritwick Dey且状态为“已启用”；禁用后再启用一次，避免加载失败 - 如果只打开了单个
index.html文件（没通过File → Open Folder），Live Server 会拒绝启动——它需要一个工作区根目录来当 Web 根路径 - Windows 用户注意：某些安全软件或组策略会拦截
file://协议调用，导致右键菜单直接不渲染该选项，此时必须靠插件（如 Live Server）走http://
点了“Go Live”但浏览器没弹、端口没显示、状态栏没变化
这表示 Live Server 启动流程卡在了系统层，不是插件坏了，而是权限、路径或端口冲突挡住了。
- 打开终端，手动执行
code --disable-extensions，再打开项目 → 如果这时能点出Go Live，说明某个插件劫持了命令或让 Extension Host 崩溃了 - 检查右下角是否出现黄色
Restricted Mode提示：没信任工作区时，所有自动启动类插件（包括 Live Server）都会被静默禁用；点它 →Trust Folder and Subfolders - 默认端口
5500被占用了？Live Server 会自动跳到5501，但如果连续跳了几次仍失败，说明有防火墙/杀软拦截了本地监听；可临时关掉 Windows Defender 防火墙测试 - 路径含中文或空格？VS Code 在某些旧版本中对非 ASCII 路径解析异常，尝试把项目移到
C:/project这类纯英文路径下再试
浏览器打开了，但页面空白、资源 404、改了代码不刷新
这不是 VS Code 的问题，而是 Web 加载逻辑和开发习惯错位了——file:// 和 http:// 是两套完全不同的安全模型。
- 别双击 HTML 文件或用右键“在默认浏览器中打开”：这种
file://方式下，fetch()、localStorage（部分浏览器）、相对路径解析（尤其./img/logo.png）都可能失效；Live Server 启动的是http://127.0.0.1:5500/，才符合现代 Web 行为 - 图片/CSS/JS 报 404？Live Server 默认以你打开的文件夹为根目录（
/），不是 HTML 所在子目录。比如你在/src/index.html里写<img src="logo.png">，它会去找/logo.png，而不是/src/logo.png；改成<img src="./logo.png">或加<base href="./"> - 改完 HTML 不自动刷新？先确认右下角状态栏显示的是
Live Server: 5500（不是灰色）；再看浏览器地址栏是不是http://127.0.0.1:5500/xxx.html——如果是file:///，说明你根本没走 Live Server；强制刷新（Ctrl+F5）排除缓存干扰
想用 F5 调试 JS 却报 “Browser not found” 或 “Cannot find runtime 'chrome'”
F5 是调试器（Debugger）专用快捷键，和“预览 HTML”不是一回事；强行配 launch.json 不仅绕远，还容易因浏览器路径、协议、插件缺失而失败。
- 除非你要断点调试 JS 逻辑，否则别碰 F5：Live Server + 浏览器自带的
F12开发者工具足够覆盖 95% 的前端调试场景 - 真要 F5：必须装
ms-vscode.js-debug（VS Code 1.80+ 已内置，但需确认启用），且不能配file:///地址；launch.json中url字段必须是http://127.0.0.1:5500/index.html这类 HTTP 地址 - Chrome 没装或路径变了？调试器会读系统 PATH 或注册表找浏览器，若失败，可在
launch.json里显式指定："runtimeExecutable": "C:/Program Files/Google/Chrome/Application/chrome.exe" - Edge 用户注意：
ms-edgedevtools.vscode-edge-devtools插件已弃用，新版 Edge 自带调试支持，但需确保 Edge 是最新稳定版
最常被忽略的一点：Live Server 启动后，你改的是哪个文件？如果正在编辑的是 /dist/index.html，但 Live Server 监听的是 /src/，那改了也白改——它只响应工作区根目录下的变更，不会跨文件夹监听。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
