在 Visual Studio 代碼的實時服務器擴展中，在哪里設置 liveServer.settings.port 的值

Question

我正在使用 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，因為我想要隨機端口號。

提前致謝！

Answer 1

我得到的答案是我正在編輯錯誤的 settings.json 有兩個 .json 文件。

另外，我把下面的代碼：

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

但是謝謝丹尼

Answer 2

我希望這會有所幫助：在 settings.json 中添加以下行。

"liveServer.settings.port": 0,

值 0（零）用於隨機端口。 任何其他數字都用於固定端口號。

Answer 3

解決方案

1. 首先，導航到Settings (Ctrl+逗號) 。 截屏
2. 現在單擊位於窗口左側的Extensions 。 截屏
3. 之后向下滾動並找到一個名為Live Server Config的選項卡
4. 點擊那個，向下滾動，現在點擊Settings: Port Edit in settings.json Settings: Port 。 截屏
5. 將彈出一個新窗口。 好了，現在您可以更改端口號了。 截屏
6. 最后保存文件Ctrl+s 。

liveServer.settings.port：自定義 Live Server 的端口號。 如果需要隨機端口號，請將其設置為 0。

Answer 4

按照以下步驟在 VS Code 中更改 Live Server 的端口：

1. 第 1 步。 打開 VS 代碼。

2. 步驟 2.使用 Ctrl+Shift+I 快捷鍵打開擴展（在左側）。

3. 步驟 3.找出實時服務器擴展，然后單擊它底部的齒輪圖標，然后打開擴展設置。

4. 第 4 步。在這里，找到 Live Server > Settings: Port，在此之下，單擊 settings.json 中的 Edit。

5. 第 5 步。在這里，設置您要打開實時服務器的端口（將值設置為 0 隨機端口）。

6. 步驟 6。現在，單擊ctrl+s保存文件。

在此之后，您可以通過使用實時服務器打開任何文件來測試它。

來源： 修復：服務器在端口 5500 Live Server 上啟動