安装Live Server插件后，右键HTML文件选择“Open with Live Server”即可在浏览器中实时预览代码修改效果。
想在编写网页代码时即时看到效果，Live Server 是 VS Code 中非常实用的工具。它能启动一个本地开发服务器，并支持实时刷新功能，修改 HTML、CSS 或 JavaScript 后，浏览器会自动更新，无需手动刷新。
安装 Live Server 插件
打开 VS Code，点击左侧活动栏的扩展图标（或按 Ctrl+Shift+X），在搜索框中输入 Live Server。找到由 Ritwick Dey 开发的官方插件，点击“安装”。
启动服务器预览网页
安装完成后，打开一个 HTML 文件，比如 index.html。右键点击编辑器中的文件内容，选择“Open with Live Server”。Live Server 会在默认浏览器中打开页面，并监听文件变化。
此时你可以在 VS Code 中修改代码，保存后浏览器会立即刷新显示最新效果。
配置常用设置（可选）
如果需要自定义端口或根目录，可以进入 VS Code 设置中搜索 Live Server 进行配置：
- 修改默认端口号，避免冲突
- 设置项目根目录，方便多页面项目运行
- 开启或关闭自动刷新
基本上就这些。只要正确安装并启动，就能享受边写代码边看效果的流畅体验。不复杂但容易忽略的是：确保 HTML 文件有正确的结构和路径引用，否则即使服务器运行了也可能看不到预期内容。
