You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

Visual Studio Code的Live Server扩展如何配置随机端口?当前配置是否正确?

问题分析与解决方案

嘿,你的操作方向不太对哦😉,咱们一步步来理清楚:

为什么你的配置不对?

你添加的"liveServer.settings.root": 0完全用错了配置项——这个参数是用来指定Live Server的根目录路径的(比如设置成"./src"让服务器从src目录启动),设置成数字0既不合法,也和修改端口没有任何关系。

正确设置随机端口的方法

要让Live Server使用随机未被占用的端口,你需要修改的是liveServer.settings.port这个配置项,具体步骤如下:

  1. 打开VS Code的设置面板(File -> Preference -> Settings),搜索「Live Server Config」,点击打开settings.json文件。
  2. 删掉你错误添加的"liveServer.settings.root": 0这一行,然后添加下面的配置:
"liveServer.settings.port": 0
  1. 保存settings.json文件,重新点击Live Server的启动图标,此时它会自动分配一个未被占用的随机端口,不会再出现5500端口报错的问题了。

额外小提示

如果之后你想固定使用某个特定端口(比如改成5501),只需要把配置改成:

"liveServer.settings.port": 5501

保存后重启Live Server即可生效。

内容的提问来源于stack exchange,提问作者Swapnil G Thaware

火山引擎 最新活动