Angular CLI：前端工程化的标准答案

Angular CLI 是 Angular 官方推出的命令行工具，GitHub 上拿到 27000 多颗星，由 Google 团队维护。它覆盖了 Angular 项目从创建到部署的完整流程，是目前 Angular 开发的事实标准。

它到底解决了什么问题？

Angular 框架本身功能强大，但项目结构复杂，手动搭建开发环境门槛不低。CLI 把这些事情自动化了。

项目创建：一条 ng new 命令生成完整项目骨架，路由、样式方案、测试框架全部配好，不用自己折腾。

本地开发：ng serve 启动开发服务器，改完代码浏览器自动刷新。热更新速度在前端工具链里属于第一梯队。

构建发布：ng build 输出生产包，自动完成代码分割、Tree Shaking、资源压缩。想加 SSR？ng add @angular/ssr，不用手动改配置。

代码生成：ng generate 能创建组件、服务、管道等模块，Schematics 系统还支持自定义模板。团队统一项目结构的时候这个功能很管用。

背后是谁在撑着？

Google 团队直接维护，和 Angular 框架同步发版。这点很关键，前端工具链里大量项目写着写着就没人维护了，Angular CLI 不会出这个问题。

默认使用 TypeScript，类型检查和智能提示开箱即用。对大中型项目来说，TypeScript 带来的代码可维护性提升是实打实的。

不止是 CLI 本身

Angular CLI 背后是一整套开发工具链。Schematics 系统让 Angular 生态的官方工具都能通过 CLI 一键接入：

• Angular Material：UI 组件库，ng add 直接引入
• Angular SSR：服务端渲染支持
• Angular PWA：渐进式 Web 应用配置

整个生态通过 CLI 串起来，不用每个工具单独配一遍。

写在最后

Angular CLI 本质上做的事情是把 Angular 项目里重复性的工程操作标准化。webpack 配置、TypeScript 编译、代码拆分这些底层细节，它都封装好了，开发者把精力放在业务代码上就行。

如果你在做 Angular 项目，CLI 基本上是必装工具。27000 颗星不是刷出来的，是实际用的人堆出来的。

目，CLI 基本上是必装工具。27000 颗星不是刷出来的，是实际用的人堆出来的。