Live Server插件可一键启动本地HTTP服务器并自动用Chrome预览：安装后配置"liveServer.settings.CustomBrowser": "chrome"，右键HTML文件选“Open with Live Server”或点击状态栏“Go Live”，即可在Chrome中打开http://localhost:5500/页面，保存代码即实时刷新。
Live Server 是最直接、最稳定的选择，无需额外配置就能开箱即用；EmbeddedBrowser 适合需要真浏览器能力（如登录、JS交互）的场景，但属于“另起炉灶”式方案。
Live Server 怎么一键启动并自动打开 Chrome
它不是模拟浏览器，而是起一个本地 HTTP 服务器，然后调用系统默认浏览器（或你指定的）打开页面。关键在于让 VSCode 知道你想用 Chrome：
- 在
settings.json中添加："liveServer.settings.CustomBrowser": "chrome" - 确保系统已安装 Chrome，且命令行能直接执行
chrome（macOS/Linux 可能需软链；Windows 通常自带注册表路径，无需额外操作） - 如果 Chrome 已运行，Live Server 默认复用已有窗口标签页；加配置
"liveServer.settings.ReuseBrowser": false可强制新开窗口 - 右键 HTML 文件 →
Open with Live Server，或点状态栏Go Live按钮，就会自动唤起 Chrome 并跳转到http://localhost:5500/xxx.html
为什么改了 HTML/CSS/JS 有时不自动刷新
常见现象是点击 Go Live 后页面打开了，但保存文件后浏览器没反应——这通常不是插件坏了，而是触发机制被阻断：
- 确认文件确实保存了（VSCode 右上角没有「未保存」星号），Live Server 只监听
fs.watch的change事件，自动保存（files.autoSave）必须设为onFocusChange或afterDelay，不能是off - 检查是否在子目录下打开了文件：Live Server 默认只对工作区根目录下的文件生效；若项目结构是
src/index.html，需配置"liveServer.settings.root": "/src" - 禁用其他可能劫持刷新的插件，比如某些 PWA 插件或自定义 livereload 脚本，它们会和 Live Server 的 WebSocket 端口（默认
5500）冲突 - 浏览器控制台报
net::ERR_CONNECTION_REFUSED？说明服务没起来，可尝试重启 VSCode 或手动执行Live Server: Stop Server再重试
想在编辑器里直接看网页，而不是跳出去 —— EmbeddedBrowser 怎么用
它不依赖本地服务，而是通过代理中转请求，把真实网页塞进 VSCode 的 Webview 里。适合查文档、预览本地 file:// 页面、或调试需跨域权限的前端 demo：
- 安装后按
Ctrl+Shift+P→ 输入Open Browser，回车即可弹出内嵌面板 - 地址栏输入
https://developer.mozilla.org或file:///path/to/index.html都能加载 - 注意：它无法运行需完整浏览器环境的功能（如 WebRTC、Payment Request API），且部分网站（如 Google 登录页）会因 iframe 安全策略拒绝嵌入
- 首次使用建议关闭其他 Webview 类插件（如 Preview on Web Server），避免端口或资源竞争
真正容易被忽略的是：Live Server 的「自动刷新」只作用于它自己起的服务路径，如果你用 file:// 直接双击打开 HTML，或者用其他服务器（如 python -m http.server）跑的，Live Server 完全无感知——它的能力边界非常清晰，不是全局监听页面变化的监控工具。
