Angular-CLI 在 Angular-CLI.json 中将端口更改为 3000

JS

# 使用Angular CLI更改端口为3000的步骤与示例代码

Angular CLI是Angular应用程序的命令行界面工具，它简化了项目的创建、构建和维护过程。在Angular CLI中，我们可以通过修改angular.JSon文件来更改应用程序的配置，包括端口设置。下面是将端口更改为3000的步骤和相应的示例代码。

## 1. 打开Angular CLI项目

首先，进入你的Angular CLI项目的根目录。你可以使用终端或命令提示符进入项目所在的文件夹。

bash
cd path/to/your/angular/cli/project

## 2. 找到并打开angular.JSon文件

angular.JSon文件包含了Angular CLI项目的配置信息。使用文本编辑器打开这个文件，你可以在其中找到如下类似的配置：

JSon
{
  "projects": {
    "your-angular-project": {
      "architect": {
        "build": {
          "options": {
            "port": 4200,
            // 其他配置项...
          }
        }
      }
    }
  }
}

## 3. 更改端口配置

在angular.JSon文件中找到"port"配置项，并将其值更改为3000，如下所示：

JSon
{
  "projects": {
    "your-angular-project": {
      "architect": {
        "build": {
          "options": {
            "port": 3000,
            // 其他配置项...
          }
        }
      }
    }
  }
}

## 4. 保存文件并重新启动应用

保存angular.JSon文件，并返回到终端或命令提示符。重新启动Angular应用以应用端口更改：

bash
ng serve

你的应用现在应该在端口3000上运行了。

#

通过编辑angular.JSon文件，我们成功地将Angular CLI应用程序的端口更改为3000。这个简单的配置更改允许我们轻松地定制应用程序的开发服务器端口，以适应特定的需求。在任何时候，你都可以回到angular.JSon文件，根据需要进行修改。这种灵活性是Angular CLI的一个强大功能之一。