能，但仅限于纯静态HTML/CSS/JS文件，需满足http协议地址、HTML正确引用、绕过浏览器缓存三条件；它非HMR，每次全页重载，JS状态丢失、路由重置、CSS闪屏属正常现象。
Live Server 能不能做到“改完就看到效果”？
能，但仅限于纯静态 HTML/CSS/JS 文件，且必须满足三个硬性条件：http:// 协议地址、文件被 HTML 正确引用、浏览器缓存已绕过。它不是热更新（HMR），每次都是全页重载——JS 状态丢失、路由跳回首页、CSS 闪屏都属于正常行为。
- 改了
main.js没反应？先确认index.html里写的是<script src="main.js"></script>，而不是src/main.js或相对路径错位 - 地址栏显示
file:///？那是双击打开的，Go Live完全不生效，必须右键 HTML 文件选Open with Live Server - 改完 CSS 还是旧样式？按
Ctrl+Shift+R（Win/Linux）或Cmd+Shift+R（macOS）强制刷新，别信浏览器自动缓存
为什么改了 SCSS/TS 文件，Live Server 不刷新？
因为 Live Server 只监听最终被 HTML 引入的产物文件（如 style.css、bundle.js），不处理源码编译过程。它不知道你写了 main.scss，只认 <link rel="stylesheet" href="style.css"> 里的那个 style.css。
- 用 SCSS？装
Live Sass Compiler插件，配好liveSassCompile.settings.formats输出到style.css，Live Server 才会响应 - 用 TypeScript？得先用
tsc --watch或esbuild --watch编译出main.js，再确保 HTML 引用的是这个 JS 文件 - 用了
type="module"？VS Code 必须保存该文件，且 Live Server 版本 ≥ 5.7.9，否则返回text/plainMIME 导致模块加载失败
想在 VS Code 编辑器里直接看效果，不切窗口？
vscode-browser-preview 插件可以做到：它把 Chromium 渲染引擎嵌进编辑器右侧面板，支持 DevTools 调试、网络请求查看、断点调试，比外置浏览器更贴近编码流。
- 安装后重启 VS Code，右键 HTML 文件 →
Open in Browser Preview（不是Open with Live Server） - 它不依赖本地服务器，直接读取
file://路径，但因此不支持fetch跨域或后端 API（除非配 CORS） - 若页面报错
Refused to apply inline style，说明启用了 CSP，需在 HTML 中加<meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self' 'unsafe-inline'">
React/Vue 项目千万别用 Live Server
这类框架自带开发服务器（vite dev、npm start、vue-cli-service serve），它们提供真正的 HMR、状态保留、路由保持。Live Server 启动的 http://127.0.0.1:5500/ 和框架服务端口（如 3000）冲突，还会导致资源 404 或白屏。
- 检查终端是否已在运行
vite或react-scripts start，有就关掉 Live Server - 误点了
Go Live？看状态栏右下角有没有Live Server标识，有就点它 →Stop Server - 想统一预览入口？删掉
.vscode/settings.json里所有liveServer.*配置，避免团队协作时误触发
files.autoSave，又没手动 Ctrl+S，它就永远等不到变化。 
