在 npm start 中更改端口

在进行前端项目开发过程中，我们通常会使用 npm start 命令来启动应用程序，并在本地通过浏览器访问。但是，有些时候可能会遇到端口被占用的情况，导致应用无法启动。熟练掌握如何更改 npm start 命令中的端口，就能避免这种问题的发生。

1. 在 package.json 中更改端口

我们可以通过在项目的 package.json 文件中添加 "start": "react-scripts start PORT=3001" 这样的脚本方式来更改端口，其中 PORT=3001 中的数字即为指定的端口号。

// package.json

"scripts": {
  "start": "react-scripts start PORT=3001",
  ...
},

通过以上修改之后，我们仍然可以使用 npm start 来启动应用程序，但是应用程序将会运行在指定端口上，即 http://localhost:3001。

2. 在命令行参数中更改端口

除了在 package.json 文件中指定端口号，我们还可以在命令行参数中直接指定端口号。在启动应用程序时，只需要在 npm start 命令后面添加 -- --port 3001 即可指定端口号为 3001，如下所示：

npm start -- --port 3001

通过以上方式，应用程序将会运行在指定的端口号上。

总之，熟练掌握以上两种方式，就能够轻松地更改 npm start 命令中的端口号，避免了因端口被占用而导致应用程序无法启动的问题。