在Visual Studio代码的实时服务器扩展中在何处设置liveServer.settings.port的值

Question

我正在使用Visual Studio代码编辑器来开发Angular7 网址：http://localhost:4200（工作正常）

但是，我安装了扩展 Live Server ，当我单击Liveserver图标时，它给了我错误

  

“端口5500上的错误。请尝试通过设置或   在GitHub上报告。”

因此，我打开了 File-> preference-> Settings-> 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，因为我想要随机端口号。

谢谢！

Answer 1

解决方案

1. 首先，导航到 Settings (Ctrl+Comma)。 Screenshot
2. 现在点击位于窗口左侧的 Extensions。 Screenshot
3. 然后向下滚动并找到一个名为 Live Server Config
的标签
4. 点击它，向下滚动，现在点击 Edit in settings.json 下的 Settings: Port。 Screenshot
5. 将弹出一个新窗口。好了，现在您可以更改端口号了。 Screenshot
6. 最后保存文件 Ctrl+s。

<块引用>

liveServer.settings.port：自定义 Live Server 的端口号。如果要随机端口号，设置为0。

Answer 2

我希望这会有所帮助： 在settings.json中添加以下行。

"liveServer.settings.port": 0,

值0（零）用于随机端口。其他任何数字均用于固定端口号。

Answer 3

我得到的答案是我编辑了错误的设置。json中有两个.json文件。

此外，我输入了以下代码：

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

[，]逗号最后没关系。

但是，谢谢丹尼