vs code打开html文件无法实时预览是因为缺少live server插件;必须右键选择“open with live server”启动http服务,而非双击或拖入浏览器,否则仍是file://协议导致无法自动刷新。

VS Code 打开 HTML 文件不实时预览?装对插件才管用
VS Code 本身不带浏览器预览功能,直接双击打开 index.html 只会用系统默认浏览器打开静态文件,改完代码必须手动刷新——这不是配置问题,是缺了关键工具链。
真正能实现“保存即刷新”的,只有两类插件:Live Server(推荐)和 auto Rename Tag(辅助)。前者启动本地 HTTP 服务,后者帮你少写错标签名,但不解决刷新问题。
-
Live Server必须通过右键菜单里的Open with Live Server启动,不能双击文件或拖进浏览器 - 它默认监听
http://127.0.0.1:5500,端口可改,但改完要重启服务,不是改配置就自动生效 - 如果页面报
net::ERR_CONNECTION_REFUSED,大概率是没点右键菜单,而是点了顶部的“在浏览器中打开”
HTML 语法高亮/自动补全失效?检查文件关联和设置
写 <div> 没颜色、按 <code>Tab 不补全