简单了解下npm、yarn 和 pnpm 中 add 与 install（i） 命令的区别（附上两图带你一目明了）

目录

[pnpm 中 add 和 i 的区别](#pnpm 中 add 和 i 的区别)

[npm 中 add 和 i 的区别](#npm 中 add 和 i 的区别)

[yarn 中 add 和 i 的区别](#yarn 中 add 和 i 的区别)

附上两图带你一目明了：

npm、yarn和pnpm的三者区别图：

[i 和 add 的核心区别图：](#i 和 add 的核心区别图：)

---

个人建议：在项目中保持命令使用的一致性，选择一种包管理器并坚持使用它，以避免混淆和潜在问题。

pnpm 中 add 和 i 的区别

• pnpm add:

• 专门用于添加新依赖包

• 默认添加到 dependencies

• 支持 -D 添加开发依赖，-O 添加可选依赖

• 示例：

pnpm add react, pnpm add -D typescript

• pnpm i (install):

  • 通用安装命令

  • 不带参数时安装所有依赖

  • 带包名时安装特定包（功能与 add 相同）

  • 示例：

  pnpm i, pnpm i react

在 pnpm 中，add 和 install 在添加新包时功能相同，但 add 更明确表达添加新包的意图。

npm 中 add 和 i 的区别

• npm 没有 add 命令 ，使用 add 会报错

• npm i (install):

  • 通用安装命令

  • 不带参数时安装所有依赖

  • 带包名时安装特定包

  • 示例：

  npm i, npm i react, npm i -D typescript

yarn 中 add 和 i 的区别

• yarn add:

  • 专门用于添加新依赖包

  • 默认添加到 dependencies

  • 支持 -D 添加开发依赖

  • 示例：yarn add react, yarn add -D typescript

• yarn i (install):

  • 仅用于安装所有依赖

  • 不能带包名参数

  • 有简写形式 yarn

  • 示例：

  yarn install, yarn

附上两图带你一目明了：

npm、yarn和pnpm的三者区别图：

i 和 add 的核心区别图：

--------------------------- 完---------------------------