在Visual Studio Code的Live Server扩展中设置liveServer.settings.port的值应该放在哪里？

Question

我正在使用Visual Studio Code编辑器的Angular7工作 URL: http://localhost:4200（正常运行）

但是，我安装了Live Server扩展，当我点击Liveserver图标时，它会给出错误提示：

"Error on port 5500. Please try to change the port through settings or report on GitHub."

因此，我打开了文件->首选项->设置->LiveServerConfig并尝试在settings.json文件中更改端口。

{
    "typescript.tsdk": "./node_modules/typescript/lib",
    "tslint.enable": false,
    "liveServer.settings.multiRootWorkspaceName": "QiwkCollaboratorTool",
    "liveServer.settings.root": 0  // New added line
}

我是否朝着正确的方向前进，还是遗漏了什么？我不确定如何将端口号5500更改为0，因为我想要随机端口号。

提前感谢！

- Swapnil G Thaware

---

如果您需要在端口80上提供服务，则需要运行以下命令：netsh http add iplisten ipaddress=:: - hubert17

Answer 1

我找到了答案，原来我编辑的是错误的settings.json文件，有两个.json文件。

此外，我添加了以下代码：

{
    "liveServer.settings.multiRootWorkspaceName": "",
    "liveServer.settings.port": 0
}

但感谢 Danny。

- Swapnil G Thaware

Answer 2

在 settings.json 文件中添加以下行：

"liveServer.settings.port": 0,

一个值为0（零）表示使用随机端口，其他数字表示使用固定端口号。

- Danny Acosta

---

请描述您所做的更改及其原因，以帮助他人识别问题并理解此答案。 - FZs

@FZs 感谢您的反馈。我已经更新了我的答案以提高清晰度。 - Danny Acosta

Answer 3

解决方案

1. 首先，进入 设置 (Ctrl+Comma)。

2. 然后点击窗口左侧的 扩展。

3. 向下滚动并找到名为 Live Server配置 的选项卡。

4. 单击它，向下滚动，现在单击 Settings: Port 下的 Edit in settings.json。

5. 会弹出一个新窗口。现在您可以更改端口号。

6. 最后，保存文件 Ctrl+s。

liveServer.settings.port:自定义您的Live Server端口号。 如果您想要随机端口号，请将其设为0。

- Inayat Ullah Shinwari