在package.json中设置你的首选项

-o或——open是在浏览器中自动运行应用程序

使用NPM start或ng serve运行应用程序

"scripts": {
"start": "ng serve --port 4500 -o"
}

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

Ng serve——端口4200

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

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

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

Angular .json中的Angular 9

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

没有人更新了最新的Angular CLI的答案。使用最新的Angular CLI

使用最新版本的angular-cli。Json重命名为angular。Json，你可以通过编辑angular改变端口。json文件 现在您可以为每个“项目”指定一个端口。

projects": {
    "my-cool-project": {
        ... rest of project config omitted
        "architect": {
            "serve": {
                "options": {
                    "port": 4500
                }
            }
        }
    }
}

点击这里阅读更多信息

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

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'发布所有的重启服务器反馈有助于改进。谢谢!

在angular项目中更改端口号的方法:

Node_modules \ @angular-devkit\build-angular\src\dev-server\schemaJson文件

    "port": {
             "type": "number",
             "description": "Port to listen on.",
             "default": <<port number>>     /* write your required port number here */
   } 

使用以下命令运行项目

    ng serve --port <<port number>> --open

在角。json文件

   "server": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
          "browserTarget": "projectname:build",
          "port": 5000   /* add this part */
         }

adding this part and starting the server.