简单设置在包中。json文件

"scripts": {
    "ng": "ng",
    "start": "ng serve --port 3000",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

然后运行命令

npm start

要在运行时更改一次端口，并且没有更改配置，您可以使用以下命令

ng serve --port 5000

如果每次运行ng服务都需要5000端口。使用以下方法

使用angular.json

在“选项”字段下搜索“服务”，如下所示:

在node_modules > @angular-devkit > build-angular > src > dev-server > schema中。Json，你会发现下面的代码和更新端口，如你想要的5000。 在包中。Json下的“脚本”，我们已经“开始”更新它与下面的命令，所以每次运行“npm开始”，它将服务于5000。

注意:在终端中使用'ng serve'或'npm start'发布所有的重启服务器反馈有助于改进。谢谢!

您可以输入以下命令更改应用程序端口，

Ng serve——端口4200

此外，对于永久设置，您可以通过编辑angular-cli更改端口。json文件

 "defaults": {
    "serve": {
      "port": 8080
    }
  }

修改nodel_modules/angular-cli/commands/server.js是个坏主意，因为当你安装新版本的angular-cli时，它会被更新。相反，你应该在package中指定ng serve——port 5000。Json是这样的:

"scripts": {
    "start": "ng serve --port 5000"
}

你也可以用——host 127.0.0.1指定主机

不建议更改节点模块，因为更新或重新安装可能会删除这些更改。所以最好在angular cli中进行更改

Angular .json中的Angular 9

{
    "projects": {
            "targets": {
                "serve": {
                    "options": {
                         "port": 5000
                     }
                }     
            }     
    }
}  

如果你想使用NodeJS环境变量来设置Angular CLI开发服务器的端口值，可以采用以下方法:

创建NodeJS脚本，该脚本可以访问环境变量(比如DEV_SERVER_PORT)，并可以运行ng serve，使用该变量的——port参数值(child_process可能是我们的朋友):

const child_process = require('child_process');
const child = child_process.exec(`ng serve --port=${process.env.DEV_SERVER_PORT}`);
child.stdout.on('data', data => console.log(data.toString()));

更新包。Json提供这个脚本通过NPM运行 不要忘记设置DEV_SERVER_PORT环境变量(可以通过dotenv完成)

下面是对这种方法的完整描述:如何通过.env更改Angular CLI开发服务器端口。