angular-cli 服务器 - 如何指定默认端口

服务器

Angular CLI 服务器: 如何指定默认端口

Angular CLI（Command Line Interface）是一个强大的工具，用于在Angular应用程序的开发过程中执行各种任务。在开发过程中，经常需要运行本地服务器以查看应用程序的实时更改。默认情况下，Angular CLI服务器在端口4200上运行，但有时候，你可能需要将其更改为其他端口。本文将介绍如何指定Angular CLI服务器的默认端口。

1. 查看当前端口配置

在开始更改端口之前，首先让我们了解当前的端口配置。打开angular.JSon文件，该文件包含了Angular项目的配置信息。在该文件中，找到 "serve" 部分，它通常如下所示：

JSon
"architect": {
  "build": {...},
  "serve": {
    "builder": "@angular-devkit/build-angular:dev-server",
    "options": {
      "port": 4200,
      "host": "localhost",
      ...
    },
    ...
  },
  ...
}

在上述代码中，"port"字段指定了服务器运行的默认端口，这里是4200。我们将在下一步中更改这个值。

2. 更改默认端口

要更改默认端口，只需编辑"port"字段的值。选择你想要的端口号，并将其替换为当前的4200。例如，将端口更改为5000：

JSon
"options": {
  "port": 5000,
  ...
}

保存angular.JSon文件。

3. 重新启动服务器

在更改端口后，需要重新启动Angular CLI服务器以应用新的配置。打开终端并运行以下命令：

bash
ng serve

服务器将在新的端口上运行。在浏览器中输入http://localhost:5000，你将能够访问你的Angular应用程序。

通过编辑angular.JSon文件中的"port"字段，你可以轻松更改Angular CLI服务器的默认端口。确保选择一个未被占用的端口，并始终重新启动服务器以使更改生效。这样，你可以方便地定制本地开发服务器的配置，以满足你项目的需求。