14

我正在使用 Visual Studio 代码编辑器 URL 处理 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，因为我想要随机端口号。

提前致谢！

4

3 回答 3

14

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

在此处输入图像描述

另外，我把下面的代码：

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

但是感谢丹尼

于 2019-04-01T16:24:12.903 回答
7

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

"liveServer.settings.port": 0,

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

于 2019-03-31T03:12:02.680 回答
3

解决方案

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

第一的

2.现在单击Extensions位于窗口左侧的 。

截屏

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

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

截屏

5.将弹出一个新窗口。给你，现在你可以改变端口号了。

截屏

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

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

于 2021-02-22T18:27:48.227 回答