Angular 6中ng add <package name>与npm install <package name>的差异是什么？

嘿，这个问题问到点子上了——Angular 6推出的ng add命令，本质上是Angular CLI为简化生态依赖集成量身打造的工具，和通用的npm install <package>比，差异主要体现在这几个方面：

• 自动化配置集成，告别手动改文件
  npm install只会把包下载到node_modules，并更新package.json和package-lock.json，剩下的配置全得自己来：比如导入模块到app.module.ts、添加全局样式、修改angular.json里的构建配置等等。而ng add会自动完成这一系列操作——以安装Angular Material为例，它不仅装包，还会帮你导入BrowserAnimationsModule、添加Material样式到全局样式文件、甚至配置主题，全程不用你手动碰任何配置文件。

• 专为Angular生态优化，依赖原理图（Schematics）
  ng add只对提供了Angular Schematics的包生效，这些包都是专门为Angular项目设计的（比如@angular/pwa、@angular/fire）。它会调用包内置的原理图，执行项目所需的初始化逻辑。而npm install是通用命令，不管包是不是为Angular设计的都能装，但不会做任何Angular相关的初始化。

• 版本兼容性自动校验
  ng add会自动检测当前项目的Angular版本，确保安装的包和项目版本完全兼容。比如你用Angular 6，它绝不会给你装只支持Angular 8+的依赖，从根源上避免版本冲突导致的报错。npm install就没这个智能，你得自己查包的版本兼容文档，不小心装错版本就得花时间排查问题。

• 一站式完整集成，覆盖初始化全流程
  对于复杂的Angular集成库，ng add能完成从下载到初始化的全流程。比如安装@angular/fire（Firebase集成），它不仅装包，还会帮你生成环境文件里的Firebase配置项、引导你登录Firebase账号关联项目、甚至初始化Firebase的核心功能。而npm install之后，你还得手动运行初始化命令、填写配置，步骤繁琐得多。

• 交互式定制化安装
  很多支持ng add的包会提供交互式选项，让你在安装时自定义配置：比如安装Angular Material时，会问你要不要导入特定的组件、选择主题颜色、是否添加手势支持等等。npm install就是单纯的下载过程，没有任何定制化交互。

简单总结：npm install是通用的包下载工具，只负责“把包拿到本地”；而ng add是Angular专属的“一站式集成助手”，把下载、配置、初始化、定制化全帮你搞定了，特别适合Angular生态内的依赖，能省超多手动折腾的时间。

内容的提问来源于stack exchange，提问作者Nimish goel