live server 是开箱即用的极速开发工具，单插件解决启动、刷新、端口、跨设备四大问题；需正确配置 liveserver.settings.custombrowser、ignorefiles 等参数，并配合构建工具处理预处理器文件，嵌入式预览仅作辅助。
Live Server 是当前最可靠、开箱即用的“极速开发模式”入口，不是靠多个插件堆砌，而是靠它一个就解决启动、刷新、端口、跨设备四大问题。
Live Server 启动后不自动跳转浏览器？检查 settings.json 里的 liveServer.settings.CustomBrowser
很多人装完 Live Server 右键点 “Open with Live Server” 没反应，或弹出的是 Edge 而不是 Chrome——这和系统默认浏览器无关，只取决于插件自己的配置项。
-
liveServer.settings.CustomBrowser必须显式设为"chrome"、"firefox"或"microsoft-edge"，不能留空或写成"default" - Windows 上若 Chrome 安装在非标准路径（比如便携版），需额外配
liveServer.settings.AdvanceCustomBrowserCmdLine，例如："chrome --app=http://127.0.0.1:5500" - macOS 用户注意：Safari 不支持 Live Server 的 WebSocket 自动刷新机制，强行指定会卡在白屏，建议改用 Chrome 或 Firefox
修改 HTML/CSS 后页面没刷新？确认是否启用了 Live Server 的监听范围
Live Server 默认只监听 .html、.htm、.css、.js 和部分模板文件，但如果你用的是 .scss 或 .vue 单文件组件，它不会自动触发刷新——这不是 bug，是设计使然。
- 在
settings.json中加"liveServer.settings.ignoreFiles"列表时，别误把"**/*.css"写进去，否则样式改了也白改 - SCSS/Less 等预处理器文件需配合构建工具（如 Vite、Webpack）或额外插件（如 Live Sass Compiler）生成 CSS，Live Server 只负责“伺候”最终输出的 CSS 文件
- Vue/React 项目建议直接用框架 CLI 启动（
npm run dev），Live Server 仅适合纯静态页或原型验证
想在编辑器里直接看效果，而不是切到浏览器窗口？用 vscode-browser-preview 替代系统浏览器
Live Server 必须外跳浏览器，而 vscode-browser-preview 把 Chromium 嵌进 VSCode 侧边栏，适合快速扫一眼布局或响应式表现，但它不替代 Live Server 的热重载能力。
- 安装后通过命令面板运行
Browser Preview: Open Preview，它默认加载http://localhost:3000，若你用 Live Server 的5500端口，得手动改 URL - 它不支持断点调试 JS，也不读取
launch.json，调试仍得靠Debugger for Chrome插件 + 正确的type: "chrome"配置 - 嵌入式预览对 GPU 加速敏感，集成显卡或远程桌面环境下可能出现渲染延迟，此时退回系统浏览器更稳
真正卡住开发节奏的，往往不是插件没装全，而是 liveServer.settings.port 被占、webRoot 指错目录、或误以为所有文件类型都支持热更新。Live Server 的“极速”前提是它知道自己该监听什么、该打开哪个地址、该信任哪条路径——其余都是干扰项。
