live server插件没反应的根本原因是文件未被识别为可服务入口，仅支持已保存的.html/.htm文件；端口占用、路径解析错误（应使用根相对路径）、监听范围外文件修改及js执行阻塞均会导致功能异常。
Live Server插件没反应？检查端口和文件路径
Live Server默认只对工作区根目录下的index.html自动响应，如果index.html在子文件夹（比如src/index.html）里，右键菜单里的“Open with Live Server”可能灰掉或打不开。它不是不支持子目录，而是要求你**当前打开的文件必须是index.html本身**，且VS Code资源管理器中该文件处于选中/激活状态。
常见错误现象：Unable to launch browser: Error: spawn cmd ENOENT（Windows上少见但可能因系统环境变量异常触发），或点击后无任何反应、控制台无日志。
- 确保VS Code已打开包含
index.html的文件夹（File → Open Folder），而非仅打开单个文件 - 在资源管理器中双击打开
index.html，让它成为活动标签页 - 右键该标签页或资源管理器中的
index.html，选择Open with Live Server - 首次运行会弹出权限提示（Windows Defender / macOS Gatekeeper），点“允许”或“始终允许”
浏览器打不开或显示404？确认服务已启动并监听正确端口
Live Server默认启动在http://127.0.0.1:5500，但如果你本地5500端口被占用（比如另一个Live Server实例、Python的http.server、Docker容器等），它会自动顺延到5501、5502……此时地址栏URL不会变，但页面加载失败或空白。
解决方法很简单：看VS Code右下角状态栏——那里会实时显示当前服务地址，例如Go Live (5501)。直接点它就能跳转，不用手输。
- 右下角没看到
Go Live？说明服务根本没起来，重试右键操作 - 看到
Go Live (5500)但打不开？复制完整URL（含端口号）粘贴进浏览器，排除浏览器缓存干扰 - 想固定端口？在VS Code设置里搜
liveServer.settings.port，设为比如8080，避免冲突
修改HTML后页面不刷新？检查自动刷新开关和保存行为
Live Server默认开启保存即刷新（liveServer.settings.AdvanceCustomBrowserCmdLine不影响此功能），但有两个关键前提：一是你必须按Ctrl+S（Windows/Linux）或Cmd+S（macOS）显式保存，二是文件编码不能是UTF-8 with BOM（某些编辑器另存时会偷偷加BOM，导致Live Server误判为二进制文件而禁用热重载）。
- 确认VS Code右下角显示“UTF-8”，不是“UTF-8 with BOM”；如是，点击编码名 → “Save with Encoding” → 选
UTF-8 - 检查设置里
liveServer.settings.donotShowInfoMsg是否为true，如果是，关掉它，方便看到“Reloading…”提示 - 如果用了Webpack/Vite等工具链，别混用Live Server——它不处理模块解析或构建产物，只适合纯HTML/CSS/JS静态原型
需要HTTPS或自定义根路径？Live Server做不到，换轻量方案
Live Server不支持HTTPS、不支持/public作为Web根（即无法把public/index.html映射为http://localhost:5500/）、也不支持代理转发。这些不是bug，是设计定位决定的——它就为快速预览而生。
真有这类需求，别折腾配置，直接切命令行：
- Python 3：
python -m http.server 8000 --directory public（指定根目录） - Node.js（全局装
serve）：serve -s public -p 3000（带SPA fallback） - 需要HTTPS？用
npx local-web-server --https（会自动生成证书）
Live Server最易被忽略的一点：它不会监视node_modules或.git里的文件变更，但如果你在项目里手动建了个index.html又删了它，再新建同名文件，Live Server可能还缓存着旧的路由映射——此时关掉右下角的Go Live按钮，再重新点一次最稳妥。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
