VSCode 的 Live Server 扩展主要功能是提供页面内容自动刷新，端口号通常需手动设定为固定值，官方并未提供端口自动轮换的配置选项。
先说结论：Live Server 的“自动刷新”指的是页面内容实时更新，端口号建议手动指定以避免冲突，而非依赖自动变化。
- 适合：本地前端开发、需要实时预览 HTML/CSS 变动的场景
- 先看：确认 5500 默认端口是否被占用，再决定是否修改
- 建议：优先在用户设置中全局配置，避免每个项目重复修改
快速处理思路
直接在 settings.json 中添加配置即可指定端口，若不确定端口占用情况，可先尝试默认值：
"liveServer.settings.port": 5500为什么会这样
Live Server 的核心机制是通过 WebSocket 监听文件变化并通知浏览器刷新，端口只是服务监听的地址标识。默认端口 5500 是常规值，若被占用，服务可能启动失败，因此需要手动干预配置。
分步处理
- 打开 VSCode 设置：快捷键
Ctrl + ,或Cmd + ,。 - 搜索配置项：在搜索框输入
liveServer.settings.port。 - 修改数值：将默认值改为你想要的端口（如 8080），确保该端口未被其他程序占用。
- 保存设置：修改后自动保存，重启 Live Server 生效。
怎么验证是否生效
点击右下角 Go Live 按钮，观察浏览器地址栏是否为设定的端口号，且修改 HTML 文件后页面能自动刷新。
常见坑
- 端口占用：若设定的端口已被占用，Live Server 可能无法启动，需更换端口。
- 工作区覆盖：检查工作区设置是否覆盖了用户设置，导致配置未生效。
- 防火墙拦截：新端口可能被系统防火墙阻止，导致外部设备无法访问。
原文链接：https://www.zjcp.cc/ask/10333.html