Angular CLI

概览

GitHubGitHub

Angular CLI 是 Angular 官方提供的命令行工具，开发者可以通过终端直接完成 Angular 应用的创建、开发、构建和日常维护工作。 ## 它是什么 Angular CLI 是一个基于 TypeScript 编写的 CLI 工具，托管在 GitHub 的 monorepo 仓库 `angular/angular-cli` 中，采用 MIT 协议开源。它将 Angular 应用开发中的常见操作封装为 `ng` 命令，使开发者无需手动配置底层构建流程即可开始项目。 ## 解决什么问题 在没有 CLI 工具的情况下，搭建一个 Angular 项目需要手动配置 TypeScript 编译、模块打包、开发服务器、代码生成模板等。Angular CLI 将这些环节统一封装，降低了项目初始化和日常开发的复杂度。 ## 主要能力 - **项目初始化**：通过 `ng new [PROJECT NAME]` 快速创建一个包含标准目录结构的 Angular 工作区。 - **开发服务器**：使用 `ng serve` 启动本地开发环境，支持实时预览。 - **Schematics 脚手架**：内置 Schematics 机制，可按规范生成组件、服务等代码文件。 - **构建系统**：仓库中包含 `@angular/build` 和 `@angular-devkit/build-angular` 等包，负责处理应用的编译与打包。 - **SSR 支持**：提供 `@angular/ssr` 包，用于服务端渲染相关功能。 ## Monorepo 结构 该仓库是一个 monorepo，包含多个工具和包： - **工具类**：`@angular/cli`（CLI 主体）、`@angular/build`（构建系统）、`@angular-devkit/schematics-cli`（Schematics CLI）。 - **核心包**：`@angular-devkit/architect`、`@angular-devkit/core`、`@angular-devkit/schematics` 等。 - **构建包**：`@angular-devkit/build-angular`、`@angular-devkit/build-webpack`。 - **其他**：`@angular/create`、`@ngtools/webpack` 等。 ## 适合谁 适合使用 Angular 框架进行 Web 应用开发的前端工程师，以及需要标准化 Angular 项目结构和构建流程的团队。使用前需安装 Node.js 及 npm。

Q&A

安装 Angular CLI 需要什么前置条件？由 AI 生成

需要先安装 Node.js，Node.js 自带 Node Package Manager（npm）。满足条件后通过 npm install -g @angular/cli 全局安装。

如何创建并运行一个新项目？由 AI 生成

先执行 ng new [PROJECT NAME] 创建工作区，然后 cd [PROJECT NAME] 进入目录，最后执行 ng serve 运行应用。

这个仓库里有哪些主要的包？由 AI 生成

主要包括 @angular/cli、@angular/build、@angular/ssr、@angular-devkit/architect、@angular-devkit/build-angular、@angular-devkit/core、@angular-devkit/schematics 等。

Angular CLI 使用什么许可证？由 AI 生成

使用 MIT 许可证。