美文网首页
2024-09-30 yarn和npm区别

2024-09-30 yarn和npm区别

作者: 我是小胡胡123 | 来源:发表于2024-09-29 17:18 被阅读0次

npm本地安装和全局安装

特性 npm install(本地安装) npm install -g(全局安装)
安装位置 当前项目的 node_modules 目录 系统的全局 node_modules 目录
使用方式 在项目内使用(或通过 npx 执行命令) 可以在全局范围内的任何地方使用
是否记录依赖 记录在项目的 package.json 中 不记录在项目中,影响全局环境
典型用途 项目依赖库、工具或框架 全局命令行工具、常用开发工具

全局安装位置,安装的位置 通过命令来查看:

npm root -g
/Users/a58/.nvm/versions/node/v14.21.3/lib/node_modules
which vuepress
/Users/a58/.nvm/versions/node/v14.21.3/bin/vuepress

/Users/a58/.nvm/versions/node/v14.21.3/lib/node_modules

npm 全局安装的pacakge包在对应node版本node_modules目录下

yarn 本地安装和全局安装

特性 yarn add(本地安装) yarn global add(全局安装)
安装位置 当前项目的 node_modules 目录 系统的全局 node_modules 目录
使用方式 在项目内使用(或通过 npx /yarn run 执行命令) 可以在全局范围内的任何地方使用
依赖记录 记录在项目的 package.json 中 不记录在项目中,全局可用
典型用途 项目依赖库、工具、框架等 全局命令行工具、常用开发工具

全局安装位置,安装的位置 通过命令来查看:

yarn global dir 
/Users/a58/.config/yarn/global

yarn global bin 
/usr/local/bin

/Users/a58/.config/yarn/global:


image.png

yarn全局安装的bin虽然这里打印出是在/usr/local/bin
但其实这里是快捷方式,对应的是
/Users/a58/.config/yarn/global/node_modules/.bin/中的bin


 ls -l /usr/local/bin/babel
lrwxr-xr-x  1 a58  staff  62 Sep  3 20:00 /usr/local/bin/babel -> 
../../../Users/a58/.config/yarn/global/node_modules/.bin/babel

结论:

安装工具不同:

npm install -g 安装的全局包会放在 nvm 管理的 Node.js 目录下,
即 /Users/a58/.nvm/versions/node/v14.21.3/lib/node_modules。

yarn global add 安装的全局包会放在 yarn 自己的全局目录下,即 /Users/a58/.config/yarn/global/node_modules。

管理方式不同:

nvm 管理的 npm 全局包路径跟随你使用的 Node.js 版本。如果你切换 Node.js 版本,nvm 可能会导致全局包路径变化。

yarn 使用独立的目录来管理全局包,与 Node.js 版本无关,即使你切换 Node.js 版本,yarn 的全局包仍然会在相同的目录下。

相关文章

  • npm 和 yarn区别

  • npm、yarn、cnpm

    1. npm 2. cnpm 3. yarn 4. npm与yarn使用命令的区别 npmyarn安装依赖...

  • yarn 和 npm 的区别

    包管理工具的安装: yarn的安装: 下载软件,傻瓜式安装。 注(PS): 用npm进行安装yarn会报错,不能使...

  • yarn和npm 的区别

    Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 — Yar...

  • yarn 和 npm 的区别

    包管理工具的安装:yarn的安装:下载软件,傻瓜式安装。注(PS):用npm进行安装yarn会报错,不能使用 np...

  • npm和yarn的区别

    npm和yarn都是包管理工具,都可以安装包和模块,大家都应该用过这两个包管理工具,用npm后会生成一个packa...

  • yarn和npm的区别

    熟悉一个新项目一般都是如下步骤: yarn是什么? yarn是由Facebook、Google、Exponent ...

  • npm 和 yarn 的区别

    引言 虽然网上和知乎上有好多文章写 npm 和 yarn[https://so.csdn.net/so/searc...

  • npm、yarn切换源、加代理

    npm和yarn转换淘宝源和官方源 npm 设置代理 npm 删除代理 yarn 设置代理 yarn 删除代理

  • 初始yarn、yarn和Npm的区别

    yarn英文官网[https://yarnpkg.com/] yarn是软件包管理器,允许世界上所有开发人员一起使...

网友评论

      本文标题:2024-09-30 yarn和npm区别

      本文链接:https://www.haomeiwen.com/subject/seldrjtx.html