Angular.json介绍

angular.json是Angular CLI项目的核心配置文件之一。在该文件中，您可以配置项目的各个方面，例如本地服务器端口，构建工具，构建选项，输出目录等。

结构

angular.json包含一个JSON对象，该对象包含多个部分。以下是每个部分的简要概述：

• version - 包含当前项目的Angular版本
• newProjectRoot - 新建项目时的默认根目录
• projects - 包含每个项目的详细信息，在这里，您可以应用项目配置，例如:路由器配置，构建配置，本地开发服务器端口等。
• defaultProject - 包含默认项目的名称
• cli - 包含Angular CLI工具的各种配置，例如：默认代码风格和规范，全局package安装路径，命令别名等

使用

在您的Angular CLI项目中，您可以使用angular.json来配置各种选项，例如更改本地开发服务器端口，构建输出目录等。您可以使用以下命令来编辑angular.json：

ng config {path} {key} {value} [--global] # 修改配置
ng config {path} {--delete} {key} # 删除某键值
ng config {path} --get # 获取配置信息
ng config {path} --help # 查看帮助

示例

以下是一个简单的示例，展示如何更改本地开发服务器端口：

{
  "name": "my-app",
  "version": "0.0.1",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {},
  "dependencies": {},
  "devDependencies": {},
  "defaults": {
    "serve": {
      "port": 4200
    }
  }
}

在此示例中，defaults.serve.port的值为4200。要更改端口号，可以将值更改为您希望使用的另一个端口号即可。

ng config cli.defaultServeOptions.serve.port 8080

这将更改本地开发服务器端口为8080。

总结

angular.json是Angular CLI项目的核心配置文件之一，可以帮助您配置项目的各个方面。使用它，您可以更改本地开发服务器端口，构建输出目录等选项，以便更好地管理您的项目。