概述

在前端开发中，“修改代码 → 切换浏览器 → 刷新页面” 的重复操作会打断开发流，降低效率。而 Live Server 作为 VSCode 热门插件，能完美解决这一痛点 —— 它会监听文件变化，自动刷新浏览器，实现 “修改即所见” 的实时预览。

但在容器化开发场景下（如用 Docker 隔离开发环境），常规的 Live Server 配置无法直接生效：容器内的服务端口未映射到本地、浏览器无法访问容器内地址…… 本文将从 “基础使用” 到 “容器适配”，一步步教你实现容器内前端项目的实时预览，让容器开发也能享受无缝的实时调试体验。

一、Live Server 基础：本地开发实时预览