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
相关产品推荐
相关产品推荐

