在 visual studio 代码的实时服务器扩展中设置 liveServer.settings.port 值的位置

Question

我正在使用 visual studio 代码编辑器开发 Angular7 URL：http://localhost:4200（工作正常）

但是，我安装了扩展程序 Live Server，当我点击 Liveserver 图标时出现错误

"Error on port 5500. Please try to change the port through settings or report on 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

希望对您有所帮助：在 settings.json 中添加以下行。

"liveServer.settings.port": 0,

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

Answer 2

我得到了答案我正在编辑错误settings.json有两个 .json 文件。

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

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

不过谢谢丹尼

Answer 3

解决方案

1. 首先，导航至 Settings (Ctrl+Comma).

2. 现在点击位于 window.

左侧的 Extensions

3. 之后，向下滚动并找到名称为 Live Server Config 的选项卡。

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

5. 会弹出一个新的window。好了，现在您可以更改端口号了。

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

liveServer.settings.port: Customize Port Number of your Live Server. If you want random port number, set it as 0.

在 visual studio 代码的实时服务器扩展中设置 liveServer.settings.port 值的位置

Where to set value of liveServer.settings.port in live server extension of visual studio code

port-number

visual-studio-code

liveservertestcase

解决方案