@angular/cli与angular-cli的区别及对应全局npm安装命令差异咨询

嘿，这个问题问得太到位了！不少刚入坑Angular的小伙伴都会被这俩包名绕晕，我来给你掰扯清楚～

1. 包的命名规范与归属 #

• angular-cli是Angular早期（对应Angular CLI 1.x版本，大概2017年之前）使用的非作用域包，当时Angular官方还没统一用@angular命名空间，导致包名容易和社区其他同名项目混淆。
• @angular/cli是官方现在主推的作用域包，属于Angular官方组织的命名空间下，和@angular/core、@angular/router等核心包保持一致的命名规范，彻底解决了同名包冲突的问题。

2. 维护状态与版本支持 #

• angular-cli已经完全停止维护了，最后一次更新是在2017年，仅支持Angular 2到Angular 5的旧项目，不会再有任何bug修复或功能更新。
• @angular/cli是官方持续维护的核心工具，会同步跟进Angular的每一个稳定版本更新，包含大量bug修复、性能优化和新功能（比如Ivy编译器、独立组件、SSR支持等）。

3. 功能覆盖范围 #

• angular-cli的功能非常有限，仅支持基础的项目初始化、组件生成和旧版构建流程，完全适配不了现代Angular的新特性。
• @angular/cli包含了现代Angular开发所需的全套工具：从项目初始化、代码生成，到优化构建、SSR/PWA部署、测试集成等，覆盖开发全流程。

这两条命令的差异本质就是安装的包完全不同：

• 执行 npm install -g angular-cli：会安装旧版的、已废弃的angular-cli包（版本停留在1.x），安装后可用的ng命令也是旧版的，只能创建或维护Angular 2-5的老项目，后续不会收到任何更新。
• 执行 npm install -g @angular/cli：会安装官方最新稳定版的Angular CLI工具，对应的是当前最新的Angular版本，你可以用最新的ng命令创建现代Angular项目，享受所有新功能和持续的官方支持。

小提示 #

如果你之前不小心安装过angular-cli，建议先执行 npm uninstall -g angular-cli 卸载旧包，再安装@angular/cli，避免命令冲突。

内容的提问来源于stack exchange，提问作者Foram Sojitra