You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VS Code Live Server扩展端口5500报错,如何修改端口设置?

解决Live Server端口5500占用的设置步骤

别担心,我这就带你一步步找到Live Server的设置入口并修改端口,解决这个报错问题:

步骤1:打开VS Code的设置面板

你有几种快速打开设置的方式:

  • 快捷键:Windows/Linux按 Ctrl + ,,Mac按 Cmd + ,
  • 通过菜单:点击顶部菜单栏的「文件」→「首选项」→「设置」
  • 通过命令面板:按 Ctrl + Shift + P(Windows/Linux)或 Cmd + Shift + P(Mac),输入「Preferences: Open Settings (UI)」并回车

步骤2:定位到Live Server的端口设置

在设置面板的搜索框里,直接输入 liveServer.settings.port,对应的设置项会立刻出现在列表中。

步骤3:修改端口值

  • 如果你想让系统自动分配一个可用的端口,就把值改成 0(这是最省心的方式,避免手动选的端口再次被占用)
  • 如果你想指定固定端口,直接输入一个未被占用的数字即可,比如5501、5502这类

修改完成后设置会自动保存,你再点击「Go Live」按钮,应该就能正常启动实时预览了。

小提示:如果指定固定端口还是报错,大概率是该端口也被其他程序占用了,换回0让系统自动分配就好~

内容的提问来源于stack exchange,提问作者Zakaria Sichaib

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.19 09:48:45