Angular CLI 是 Angular 开发的命令行工具,能够快速生成、构建和管理 Angular 项目。它简化了开发流程,提供了标准化的项目结构和自动化功能。

安装 Angular CLI 📦

npm install -g @angular/cli

安装完成后,可通过以下命令验证版本:

ng version

常用命令速查 🔍

命令 用途
ng new <项目名> 创建新项目
ng generate component <组件名> 生成组件
ng serve 启动开发服务器
ng build 构建生产版本
ng test 运行单元测试

项目结构解析 📁

my-angular-app/
├── angular.json
├── package.json
├── README.md
├── src/
│   ├── app/
│   ├── assets/
│   ├── environments/
│   └── main.ts
└── tsconfig.json

📌 项目根目录的 angular.json 文件配置了项目全局选项。

最佳实践 ✅

  • 使用 ng generate 命令创建组件、服务、模块等
  • 通过 --style 参数选择 CSS 预处理器(如 scsscss
  • 定期运行 ng build --prod 优化生产构建
  • 查阅官方文档了解高级配置:Angular CLI 官方文档
Angular CLI 命令行工具

扩展阅读 📚

想要深入了解 Angular 项目配置?请访问 /Documentation/zh/Frameworks/Angular/Overview 查看完整框架概述。