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 预处理器(如scss
或css
) - 定期运行
ng build --prod
优化生产构建 - 查阅官方文档了解高级配置:Angular CLI 官方文档
扩展阅读 📚
想要深入了解 Angular 项目配置?请访问 /Documentation/zh/Frameworks/Angular/Overview 查看完整框架概述。