Angular CLI 是 Angular 官方提供的命令行工具,旨在简化 Angular 项目的创建与开发流程。它通过预设的模板和自动化命令,帮助开发者快速搭建项目结构,提升开发效率。

🎯 主要功能

  • 快速生成项目:只需一行命令即可创建完整的 Angular 项目框架
  • 代码规范与格式化:自动遵循最佳实践,生成符合规范的代码结构
  • 内置开发服务器:支持实时重载(Hot Module Replacement)和本地开发环境
  • 构建与打包:集成 Webpack,支持 AOT 编译和生产环境优化
  • 可扩展性:通过插件系统支持自定义功能(如国际化、样式预处理)

✅ 使用场景

  1. 新项目初始化

    ng new my-angular-app  
    
    angular_cli_new_project
  2. 生成组件

    ng generate component my-component  
    
    angular_cli_generate_component
  3. 运行开发服务器

    ng serve  
    
    angular_cli_dev_server

📘 拓展阅读

如需深入了解 Angular CLI 的高级用法,可访问 Angular CLI 官方文档 获取详细指南。

📌 小贴士

  • 使用 ng generate 可快速创建组件、服务、管道等
  • 通过 --style 参数选择 CSS 预处理器(如 SCSS、CSS)
  • 按需安装依赖(如 ng new my-app --skip-tests 跳过测试框架)
angular_cli_workflow