> 技术文档 > 简单了解下npm、yarn 和 pnpm 中 add 与 install(i) 命令的区别(附上两图带你一目明了)

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

目录

pnpm 中 add 和 i 的区别

npm 中 add 和 i 的区别

yarn 中 add 和 i 的区别

附上两图带你一目明了:

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

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 reactyarn add -D typescript

  • yarn i (install):

    • 仅用于安装所有依赖

    • 不能带包名参数

    • 有简写形式 yarn

    • 示例:

    • yarn install, yarn

附上两图带你一目明了:

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

i 和 add 的核心区别图:

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