Live Server 不能同步 JS 运行时数据，仅触发全页重载并重置所有状态；它监听文件变更后刷新页面，不保留变量值，真热更新需 Vite/Webpack 的 HMR。
VSCode 插件本身不直接“同步浏览器实时数据”，它只能触发浏览器刷新或建立调试连接；真正实现数据联动，得靠具体插件能力与项目类型匹配。Live Server 做不到状态保持，Debugger for Chrome 也只传断点和变量快照，不是双向实时数据流。
Live Server 能否同步 JS 运行时数据？
不能。它只监听文件系统变更，保存 script.js 后触发全页重载，所有 JS 状态（比如 counter = 5）都会重置。你看到的“同步”只是 HTML/CSS/JS 文件内容刷新，不是内存中变量的热更新。
- 改了
console.log('hello')并保存 → 浏览器刷新后输出新日志，但之前的let count = 0已丢失 - 用了
localStorage或IndexedDB？这些数据会保留，但不属于 Live Server 的“同步”范畴 - 想保留状态？必须用 Vite/Webpack 的 HMR，或手动加
window.onbeforeunload+sessionStorage缓存逻辑
Debugger for Chrome 怎么让 VSCode 和浏览器变量一致？
它不自动同步，而是通过 DevTools 协议在断点暂停时读取当前作用域变量，并允许你在 VSCode 里修改值（如把 name 从 "Alice" 改成 "Bob"），再继续执行——但这只发生在断点命中瞬间，不是持续监听。
- 必须确保
launch.json中"sourceMaps": true，否则变量名被压缩，VSCode 显示为t、e等无意义符号 - Chrome 启动参数缺
--remote-debugging-port=9222？VSCode 连不上，变量面板空白 - 改完变量后没生效？检查是否仍在断点暂停态——继续执行（F5）才会应用新值
为什么改了 CSS，浏览器样式没变，但 Live Server 显示已刷新？
因为 Live Server 只管触发 location.reload()，而浏览器可能从缓存加载了旧的 style.css，尤其当服务器没返回正确 Cache-Control 头时。
- 强制刷新快捷键：
Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（macOS） - 更可靠的做法：在
index.html的<link>标签里加时间戳参数，比如<link rel="stylesheet" href="style.css?t=1722766440"> - 如果用了
type="module"引入 JS，且模块内动态插入<style>，Live Server 不会监听那些内联样式变化
真正容易被忽略的是：所谓“实时同步”，本质是「文件保存 → 通知浏览器 → 刷新或调试交互」这一链路中的任一环节断裂，都会表现为“不同步”。问题往往不在插件本身，而在路径配置、缓存策略、构建产物层级或 Chrome 远程调试权限上。
