npm、npx、yarn、cnpm、pnpm、nvm区别

npm

npm 是 Node.js 官方提供的包管理工具。用于 Node.js 包的发布、传播、依赖控制。npm 提供了命令行工具，可以方便地下载、安装、升级、删除包，也可以让开发者发布并维护包

cnpm

淘宝团队做的国内镜像，因为npm的服务器位于国外可能会影响安装。npm 有时会出现网速问题。

npm install cnpm -g --registry=https://registry.npm.taobao.org

npx

npx是npm5.2之后发布的一个命令。

npx 主要用于命令行的寻址等辅助功能上，而 npm 是管理依赖的。

用于执行npm依赖包的二进制文件，简而言之，就是我们可以使用npx来执行各种命令。使用npx可以在命令行直接执行本地已安装的依赖包命令，不用在scripts脚本写入命令，也不用麻烦的去找本地脚本。使用npx，可以在不全局安装依赖包的情况下，运行命令，而且运行后不会污染全局环境。

npx 搜索包的顺序 mode_modules/.bin > 环境变量$PATH > 自动下载一个临时的依赖包最新版本在一个临时目录，然后再运行命令，运行完之后删除，不污染全局环境.

比如我们想要运行webpack 命令

webpack // 调用全局下载的webpack mode_modules/.bin/webpack //调用项目中的webpack npx webpack // 先寻找项目中有没有下载webpack，如果有就调用项目中的，没有再去全局中找，全局中也没有 就会临时下载一个，用完之后再删除掉。 Node 自带 npm 模块，所以可以直接使用 npx 命令。万一不能用，就要手动安装一下。 npm install -g npx （1） npx 会帮你执行依赖包里的二进制文件。引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。在以往中，我们在 node 项目中要执行一个脚本，需要将它在 scripts 中声明： "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "init:runtime-only": "vue init webpack vue-cms" } 然后执行命令 npm run init:runtime-only 它其实本质还是运行 vue init webpack vue-cms 用了 npx 以后呢，你不需要在 scripts 中声明了，就可以直接敲键盘了（npx 开头，然后接你要执行的内容）： npx vue init webpack vue-cms （2） 原理 npx 的原理很简单，就是运行的时候，会到 node_modules/.bin 路径和环境变量$PATH里面，检查命令是否存在。 由于 npx 会检查环境变量$PATH，所以系统命令也可以调用。 （3）等同于 ls npx ls 注意，Bash 内置的命令不在$PATH里面，所以不能用。比如，cd是 Bash 命令，因此就不能用npx cd。 （4） 避免全局安装模块 npx 还能避免全局安装的模块。比如，create-react-app 这个模块是全局安装，npx 可以运行它，而且不进行全局安装。 npx create-react-app my-react-app 上面代码运行时，npx 将create-react-app下载到一个临时目录，使用以后再删除。所以，以后再次执行上面的命令，会重新下载create-react-app。 下载全局模块时，npx 允许指定版本。 npx uglify-js@3.1.0 上面代码指定使用 3.1.0 版本的uglify-js压缩脚本。 注意，只要 npx 后面的模块无法在本地发现，就会下载同名模块。比如，本地没有安装http-server模块，下面的命令会自动下载该模块，在当前目录启动一个 Web 服务。 npx http-server （5） --no-install 参数和--ignore-existing 参数 如果想让 npx 强制使用本地模块，不下载远程模块，可以使用--no-install参数。如果本地不存在该模块，就会报错。 npx --no-install http-server 反过来，如果忽略本地的同名模块，强制安装使用远程模块，可以使用--ignore-existing参数。比如，本地已经全局安装了create-react-app，但还是想使用远程模块，就用这个参数。 npx --ignore-existing create-react-app my-react-app （6） 使用不同版本的 node 利用 npx 可以下载模块这个特点，可以指定某个版本的 Node 运行脚本。它的窍门就是使用 npm 的 node 模块。 $ npx node@0.12.8 -v v0.12.8 上面命令会使用 0.12.8 版本的 Node 执行脚本。原理是从 npm 下载这个版本的 node，使用后再删掉。 某些场景下，这个方法用来切换 Node 版本，要比 nvm 那样的版本管理器方便一些。 （7）-p 参数 -p参数用于指定 npx 所要安装的模块，所以上一节的命令可以写成下面这样。 $ npx -p node@0.12.8 node -v v0.12.8 上面命令先指定安装node@0.12.8，然后再执行node -v命令。 -p参数对于需要安装多个模块的场景很有用。 npx -p lolcatjs -p cowsay [command] （8）-c 参数 如果 npx 安装多个模块，默认情况下，所执行的命令之中，只有第一个可执行项会使用 npx 安装的模块，后面的可执行项还是会交给 Shell 解释。 $ npx -p lolcatjs -p cowsay 'cowsay hello | lolcatjs' # **报错** 上面代码中，cowsay hello | lolcatjs执行时会报错，原因是第一项cowsay由 npx 解释，而第二项命令localcatjs由 Shell 解释，但是lolcatjs并没有全局安装，所以报错。 -c参数可以将所有命令都用 npx 解释。有了它，下面代码就可以正常执行了。 $ npx -p lolcatjs -p cowsay -c 'cowsay hello | lolcatjs' -c参数的另一个作用，是将环境变量带入所要执行的命令。举例来说，npm 提供当前项目的一些环境变量，可以用下面的命令查看。 $ npm run env | grep npm_ -c参数可以把这些 npm 的环境变量带入 npx 命令。 $ npx -c 'echo "$npm_package_name"' 上面代码会输出当前项目的项目名。

yarn

Yarn 是为了弥补 npm 的一些缺陷而出现的。Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具。

npm的缺点

1 npm install的时候巨慢。特别是新的项目拉下来要等半天，删除node_modules，重新install的时候依旧如此。

2 同一个项目，安装的时候无法保持一致性。由于package.json文件中版本号的特点，下面三个版本号在安装的时候代表不同的含义。

　　-"5.0.3" ： 表示安装指定的5.0.3版本；

　　-"~5.0.3" ：表示安装5.0.x中最新的版本；

　　-"^5.0.3" ：表示安装5.X.X中最新的版本，

3 安装的时候，包会在同一时间下载和安装，中途某个时候，一个包抛出错误，但是npm会继续下载和安装包。因为npm会把所有日志输出到终端，有关错误包的信息就会在一大堆npm打印的警告中丢失掉，并且你不会注意到实际发生的错误。

yarn 优点

1 并行安装：无论 npm 还是 Yarn 在执行包的安装时，都会执行一系列任务。npm 是按照队列执行每个 package，也就是说必须要等到当前 package 安装完成之后，才能继续后面的安装。而 Yarn 是同步执行所有任务，提高了性能。

2 离线模式：如果之前已经安装过一个软件包，用Yarn再次安装时之间从缓存中获取，就不用像npm那样再从网络下载了。

3 安装版本统一：为了防止拉取到不同的版本，Yarn 有一个锁定文件 (lock file) 记录了被确切安装上的模块的版本号。每次只要新增了一个模块，Yarn 就会创建（或更新）yarn.lock 这个文件。这么做就保证了，每一次拉取同一个项目依赖时，使用的都是一样的模块版本。npm 其实也有办法实现处处使用相同版本的 packages，但需要开发者执行 npm shrinkwrap 命令。这个命令将会生成一个锁定文件，在执行 npm install 的时候，该锁定文件会先被读取，和 Yarn 读取 yarn.lock 文件一个道理。npm 和 Yarn 两者的不同之处在于，Yarn 默认会生成这样的锁定文件，而 npm 要通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件，只有当这个文件存在的时候，packages 版本信息才会被记录和更新。

4：更简洁的输出：npm 的输出信息比较冗长。在执行 npm install 的时候，命令行里会不断地打印出所有被安装上的依赖。相比之下，Yarn 简洁太多：默认情况下，结合了 emoji直观且直接地打印出必要的信息，也提供了一些命令供开发者查询额外的安装信息。

5：多注册来源处理：所有的依赖包，不管他被不同的库间接关联引用多少次，安装这个包时，只会从一个注册来源去装，要么是 npm 要么是 bower, 防止出现混乱不一致。

6：更好的语义化： yarn改变了一些npm命令的名称，比如 yarn add/remove，感觉上比 npm 原本的 install/uninstall 要更清晰。

npm5.0 的改进

1 默认新增了类似yarn.lock的 package-lock.json；

2 git 依赖支持优化：这个特性在需要安装大量内部项目（例如在没有自建源的内网开发），或需要使用某些依赖的未发布版本时很有用。在这之前可能需要使用指定 commit_id 的方式来控制版本。

文件依赖优化：在之前的版本，如果将本地目录作为依赖来安装，将会把文件目录作为副本拷贝到 node_modules 中。而在 npm5 中，将改为使用创建 symlinks 的方式来实现（使用本地 tarball 包除外），而不

3 再执行文件拷贝。这将会提升安装速度。目前yarn还不支持。

npm	yarn
npm install	yarn
npm install react --save	yarn add react
npm install react --save-dev	yarn add react --dev
npm update --save	yarn upgrade
npm uninstall react --save	yarn remove react

查询当前配置的镜像	设置成淘宝镜像
npm get registry	yarn config get registry
npm config set registry https://registry.npm.taobao.org	yarn config set registry https://registry.npm.taobao.org

pnpm

(1) pnpm运行起来非常的快，超过了npm和yarn

(2) pnpm采用了一种巧妙的方法，利用硬链接和符号链接来避免复制所有本地缓存源文件，这是yarn的最大的性能弱点之一

(3) 使用链接并不容易，会带来一堆问题需要考虑。

(4) pnpm继承了yarn的所有优点，包括离线模式和确定性安装

npm install -g pnpm // 通过 npm 安装 pnpm

npx pnpm add -g pnpm // 通过 npx 安装 pnpm

一旦安装完 pnpm 之后，就无需使用其它软件包管理器来更新 pnpm 了。 你可以让 pnpm 自己来更新自己，如下所示：

pnpm add -g pnpm

nvm

管理node版本的工具，例如在一台电脑上已经安装了node10以上，但有的项目需要node版本在8，由于要维护多个项目，卸载再安装又有很多麻烦和错误，这是就可以使用nvm。

安装：

github上下载最新版本 https://github.com/coreybutler/nvm-windows/releases nvm-setup.zip 一个安装包，下载之后点击安装，连续点击下一步，无需任何配置，推荐 nvm-noinstall.zip 绿色免安装，使用之前需要配置，不推荐 Source code(zip)：压缩的源码

使用：

nvm install 8.10.0 //安装ndoe 8.10.0为node版本 nvm list //查看nvm管理的node版本列表，正在使用的版本在列表前有星号标记 nvm use 8.10.0 //使用node指定版本 nvm uninstall 8.10.0 //卸载指定node版本