Live Server 插件可自动刷新浏览器页面，支持HTML/CSS/JS等文件保存时热更新；需通过右键“Open with Live Server”或状态栏“Go Live”启动，默认地址http://127.0.0.1:5500。
VSCode 的 Live Server 插件能让你在保存 HTML、CSS 或 JavaScript 文件时，自动刷新浏览器页面，省去手动刷新的麻烦，特别适合前端开发和教学演示。
安装与启用 Live Server
打开 VSCode 扩展市场（Ctrl+Shift+X），搜索 “Live Server”，点击安装。安装完成后，右键任意 HTML 文件，选择 “Open with Live Server” 即可启动本地服务器，默认地址是 http://127.0.0.1:5500。你也可以点击右下角状态栏的 “Go Live” 按钮快速启动。
支持的文件类型与自动刷新逻辑
Live Server 默认监听 HTML、CSS、JS、SCSS、LESS 等常见前端文件。只要这些文件被保存，它就会向已打开的浏览器页面发送刷新信号——前提是该页面是通过 Live Server 启动的（即 URL 包含 :5500）。纯静态文件（如图片）修改不会触发刷新，但不影响正常加载。
常用配置与小技巧
你可以通过 VSCode 设置自定义端口、默认浏览器、是否自动打开浏览器等：
- 在设置中搜索 “live server” 修改 Settings > Live Server > Settings: Port 更换端口号
- 勾选 Settings > Live Server > Settings: Don’t verify authenticity 避免 HTTPS 证书警告（仅限本地开发）
- 右键菜单里还能选择 “Reopen with Live Server” 切换已有页面到 Live Server 环境
注意：它不是完整后端服务器
Live Server 只提供静态资源服务，不支持 Node.js 后端逻辑、API 接口或数据库连接。如果你需要处理表单提交、调用 fetch API 到本地接口，得搭配 Express、json-server 等工具，或者改用 VSCode 内置的调试功能。
基本上就这些。对初学者友好，开箱即用，不复杂但容易忽略细节。
