浅谈npm,cnpm,pnpm,npx,nvm,yarn之间的区别

首先做一个基本的分类

|--------------------|------------------|
| 名称 | 描述 |
| npm,cnpm,yarn,pnpm | 都是Javascript包管理器 |
| nvm | 是Node.js版本控制器 |
| npx | 命令行工具 |

I.npm,cnpm,yarn,pnpm

npm (Node Package Manager)

npm是Node.js默认的包管理器,随Node.js的安装会一起安装。使用npm可以安装,发布,管理javascript包

cnpm (China Node Package Manager)

cnpm是由aliyun发布的包管理器,其用法和官方的npm一致,不同的是其使用的是中国的包镜像,官方的npm执行包下载使用的是境外服务器,国内访问速度慢,延迟高,cnpm的出现就是为了解决这一问题。

当然,如果不想替换官方的npm,其实直接更改npm的镜像改为中国镜像也是可以的。

复制代码
npm config set registry https://registry.npmmirror.com

恢复源镜像命令

复制代码
npm config set registry https://registry.npmjs.org/

CNPM官方介绍https://developer.aliyun.com/article/1599824

yarn (Yet Another Resources Manager)

yarn 是由 Facebook 开发的另一个 JavaScript 包管理器。与 npm 不同,yarn 具有更快的下载速度和更稳定的依赖管理。它还引入了一些新的功能,如离线模式、并行安装等。yarn 使用与 npm 相同的包仓库,可以直接使用 npm 的包。

pnpm (Performant npm(高性能npm))

pnpm 是另一个 JavaScript 包管理器,与 npm 和 yarn 不同,它使用硬链接和符号链接来共享依赖项,从而节省磁盘空间。pnpm 还具有更快的安装速度和更低的网络流量消耗。它也可以使用 npm 的包仓库。

II.npx (Node Package Execute)

npx 是 npm 5.2.0 版本引入的一个命令行工具。它允许你在不全局安装包的情况下运行命令行工具。npx 可以直接运行安装在项目中的依赖包,而不需要手动设置环境变量或全局安装。

E.g.:

没有npx的时候 你想使用一个叫 create-react-app 的工具来创建一个 React 项目。你必须先全局安装它

复制代码
npm install -g create-react-app

然后,再用这个工具

复制代码
create-react-app my-app

有了npx,你就可以直接这样

复制代码
npx create-react-app my-app

III. nvm (Node Version Manager)

nvm 是 Node Version Manager 的缩写,它是一个用于在同一台电脑上管理多个 Node.js 版本 的工具。你可以使用 nvm 在不同的项目中使用不同的 Node.js 版本来运行程序。

为什么需要 nvm?

有时候你会遇到这样的问题:

  • 项目 A 需要使用 Node.js v16.x
  • 项目 B 需要使用 Node.js v18.x
  • 项目 C 需要使用 Node.js v20.x

如果你只能安装一个版本的 Node.js,就会很不方便。这时候 nvm 就派上用场了!

相关推荐
悟能不能悟1 小时前
js闭包问题
开发语言·前端·javascript
秋秋_瑶瑶1 小时前
vue-amap组件呈现的效果图如何截图
前端·javascript·vue-amap
gnip2 小时前
js上下文
前端·javascript
中草药z2 小时前
【Stream API】高效简化集合处理
java·前端·javascript·stream·parallelstream·并行流
不知名raver(学python版)3 小时前
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR!
前端·npm·node.js
醉方休3 小时前
React中使用DDD(领域驱动设计)
前端·react.js·前端框架
excel3 小时前
📖 小说网站的预导航实战:link 预加载 + fetch + 前进后退全支持
前端
学习3人组3 小时前
React 样式隔离核心方法和最佳实践
前端·react.js·前端框架
世伟爱吗喽3 小时前
threejs入门学习日记
前端·javascript·three.js