双击HTML文件无反应是因为系统默认程序非浏览器，需右键修改打开方式；Live Server插件需打开文件夹而非单文件才能启动；浏览器缓存会导致更新不显示，应使用http协议访问并强制刷新。
直接双击打开 HTML 文件为什么没反应
VS Code 本身不内置浏览器，双击 index.html 只会用系统默认程序打开——如果默认程序不是浏览器（比如是记事本或 VS Code 自己），页面就根本不会渲染。这不是 VS Code 的 bug，是文件关联逻辑问题。
- Windows 上右键
index.html→ “打开方式” → 选 Chrome/Firefox/Edge 并勾选“始终使用此应用” - macOS 上右键 → “显示简介” → 在“打开方式”里选浏览器 → 点“全部更改”
- 别依赖 VS Code 的资源管理器双击行为，它只是文本编辑器，不是预览器
Live Server 插件怎么装和启动才不报错
官方插件 Live Server（作者 Ritwick Dey）是目前最稳的本地服务方案，但装完点“Go Live”没反应，大概率是路径或权限问题。
- 确保当前打开的是文件夹（File → Open Folder），而不是单个
index.html文件——插件需要工作区根路径来起服务 - 检查右下角状态栏有没有
Go Live按钮；没有的话，按Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS），输入Live Server: Start手动触发 - 如果提示
command 'extension.liveServer' not found，说明插件没启用：进 Extensions 页面搜Live Server，确认已启用且不是被禁用状态 - 默认端口是
5500，若被占用会自动跳到5501，不用手动改配置，除非你明确要固定端口
用命令行 python -m http.server 能不能替代 Live Server
能，但有明显差异：它只提供静态文件服务，不支持自动刷新、热重载、代理或 index.html 自动识别（需手动加路径）。
- 在终端进入项目目录后运行
python -m http.server 8000，然后浏览器访问http://localhost:8000/index.html（注意必须带/index.html，否则看到的是目录列表） - Python 2 用户请用
python -m SimpleHTTPServer 8000，但 Python 2 已停更，建议升级 - 没有实时刷新——改完 HTML/CSS/JS 后必须手动刷新页面，适合极简调试，不适合开发中频繁修改
- 跨域请求（比如调
fetch('/api')）在http.server下默认被浏览器拦截，而 Live Server 默认允许（因它设置Access-Control-Allow-Origin: *）
为什么改了 HTML 但浏览器没更新，连硬刷都不行
不是 VS Code 没保存，也不是 Live Server 失效，90% 是浏览器缓存了旧版本，尤其当你用 file:// 协议或服务端没设缓存头时更明显。
- 先确认 VS Code 右上角没显示“●”未保存标识；Ctrl+S 强制保存一次再试
- Live Server 启动后地址一定是
http://127.0.0.1:5500/xxx.html，绝不能是file:///xxx.html——后者绕过服务器，缓存更顽固 - 临时解决：Chrome 中按
Ctrl+Shift+R（强制刷新，忽略缓存）；长期办法是在 Live Server 设置里加"liveServer.settings.donotShowInfoMsg": true和"liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --disable-cache"（仅调试用） - 检查浏览器开发者工具 Network 标签页，看 HTML 请求的状态码是不是
304 Not Modified——这是缓存命中，不是代码没变
实际用下来，Live Server 插件 + 正确打开文件夹 + 浏览器强制刷新习惯，这三块对齐了，基本不会卡在“打不开”或“不更新”上。最常漏掉的是第一步：没用 Open Folder，而是直接双击 HTML 文件——这时候 VS Code 还没真正“认出”你的项目结构。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
