VSCode中Vue项目热重载不生效需先确认使用Vite或Vue CLI，检查开发服务器是否运行、端口是否被占、files.autoSave设置、插件是否为Volar（Vue3）或Vetur（Vue2），并验证vite.config.ts中HMR配置及sourcemap路径映射。
VSCode 里 Vue 项目热重载不生效？先确认你用的是 Vite 还是 Vue CLI
热重载行为和配置方式完全不同：vue cli 用 vue-cli-service serve，vite 用 vite 或 npm run dev。vscode 本身不提供热重载，它只是编辑器；真正起作用的是底层开发服务器。如果你改了 .vue 文件但浏览器没更新，大概率是服务没跑起来，或者端口被占、https 配置干扰、甚至文件保存没触发（比如禁用了 vscode 的 files.autosave）。
实操建议：
- 终端里手动运行
npm run dev（Vite）或npm run serve（Vue CLI），别只靠插件按钮 - 检查终端输出是否看到
Local: http://localhost:5173/（Vite）或App running at:（Vue CLI） - 打开浏览器访问对应地址，而不是直接双击
index.html - 确认 VSCode 设置里
files.autoSave是onFocusChange或afterDelay，避免“改了没保存”假象
必须装的 VSCode 插件只有两个：Volar 和 TypeScript Vue Plugin
Vue 3 + `
