我收到了這個問題:

每次運行 npm run dev時,我得到的本地主機端口都不一樣。一開始是 3000,然後再次運行又得到了 3001,再次運行又得到了 3002。我們怎麼強制它使用 3000 端口?

在本地開發網站時,你可以使用 npm run dev 命令來啟動開發伺服器。

這是 Web 開發 中的常見做法,所有工具似乎都會使用這個程式,例如 AstroNext.js 等等。

每次運行這個命令時,它都是一個長時間執行的進程,不會自動結束。

例如你運行 Astro 的開發伺服器,它會在 3000 端口上監聽:

然後你打開另一個終端,再次運行 npm run dev,這次它會在 3001 端口上運行:

現在你的應用程式同時在以下兩個地址上運行:

http://localhost:3000

http://localhost:3001

你需要在終端中使用 ctrl-c 結束這兩個進程,以確保 3000 端口不被佔用,且在你嘗試打開 http://localhost:3000 時瀏覽器中不會顯示任何內容。

然後你可以再次運行 npm run dev,它會自動在空閒的 3000 端口上啟動。

每當你對項目進行更改(例如因為需要 npm install 某個套件),你需要使用 ctrl-c 結束開發伺服器,然後重新啟動它。