在 vs code 中只运行当前 html 文件，应安装 live server 插件后右键编辑器内已保存的 .html 文件，选择“open with live server”，它将通过 http://127.0.0.1 启动本地服务并精准打开该文件。
VS Code 里怎么只运行当前打开的 HTML 文件
VS Code 本身不内置浏览器运行环境，所谓“运行界面”，实际是用浏览器打开当前 index.html 或任意 .html 文件。关键不是“运行”，而是“快速预览”。
- 最常用且零配置的方法：安装官方插件
Live Server（作者：ritwickdey），右键编辑器内任意 HTML 文件 → 点击Open with Live Server，它会自动启动本地服务并用默认浏览器打开该文件 - 别手动双击文件图标打开——那样走的是
file://协议，很多现代 API（比如fetch、localStorage在某些安全策略下）会失效，而Live Server走的是http://127.0.0.1:5500/xxx.html，更接近真实部署环境 - 如果已装了其他服务器插件（比如
Simple HTTP Server），注意它们默认可能监听根目录，而不是当前文件所在路径，容易打开错页面
为什么右键没看到 Open with Live Server
常见原因就三个，按优先级排查：
-
Live Server插件根本没装或没启用：去扩展市场搜Live Server，确认状态是“已启用” - 当前文件没保存，或者后缀不是
.html（比如你写的是demo.htm或page.txt）：VS Code 只对识别为 HTML 语言模式的文件显示该菜单项；可按Ctrl+Shift+P→ 输入Change Language Mode→ 选HTML - 你在编辑器外（比如资源管理器面板）右键了文件名：必须在编辑器标签页或编辑区右键，不是在侧边栏
不想装插件，有没有命令行方式
有，但要分场景：
- 如果你只是临时看一眼，终端里执行：
npx serve -s .（需全局装过serve）——但它会把整个文件夹当根目录，不是“当前文件” - 真正精准打开单个文件，得靠浏览器命令行参数，比如 chrome：
chrome.exe --new-window file:///D:/project/demo.html，但路径要转成绝对路径 + 三斜杠 + 正斜杠，windows 下容易出错，Mac/linux 还要处理空格和编码 - 所以不推荐纯命令行方案：效率低、跨平台不一致、
file://协议限制照旧，不如一个插件一劳永逸
Live Server 启动后改了代码，页面没刷新
这通常不是插件问题，而是你没触发自动刷新机制：
- 确保你保存了文件（
Ctrl+S），Live Server 默认只监听保存事件，不监听实时输入 - 检查右下角状态栏有没有
Live Server的端口号（比如5500），如果显示Starting...卡住，可能是端口被占用，点它可换端口 - 如果用了构建工具（如 Vite、webpack），别混用：Live Server 是给静态 HTML 用的，它不会执行
npm run dev那套流程，也解析不了import或 JSX
Live Server 的默认行为是“开当前文件”，但它依赖 VS Code 对文件类型的准确识别和用户是否在正确位置触发操作——这两个点最容易被忽略，一卡就是十分钟。