前言

虽然我是做后端的，但也时常关注前端，只是最近觉得前端的各种工具名称太眼花缭乱了，nvm、yarn、pnpm、taro……

不要说具体使用，就连他们到底是工具还是新框架我都搞混。所以，我就用一篇文章简要记录他们到底是什么，怎么区别以及简易的搭建过程。


nvm

nvm（Node Version Manager），顾名思义，他是Node.js的版本管理工具。主要用来在单个操作系统下安装或管理多版本Node，常用于解决项目中不同版本依赖问题。

下载

github搜作者coreybutler，项目nvm-windows。

谈后端人眼里的nvm、yarn、pnpm……_taro

安装

安装前如果电脑已经有了Node.js，最好卸载以防后面冲突。然后点击exe文件下一步下一步完成后，nvm会自动在电脑的用户变量中添加NVM_HOME和NVM_SYMLINK，最后cmd输入nvm -v，显示nvm版本号表示已经成功。

谈后端人眼里的nvm、yarn、pnpm……_taro_02

使用
nvm install 6.2.0     安装指定版本
nvm uninstall 6.2.0   卸载指定版本
nvm list			  查看安装列表
nvm use 6.2.0		  使用指定版本
  • 1.
  • 2.
  • 3.
  • 4.

谈后端人眼里的nvm、yarn、pnpm……_npm_03


pnpm

pnpm（Performant npm），是一个快速、磁盘空间友好的包管理工具，和npm类似，可以简单理解为npm的优化加强版，适合于较大的前端项目，具体的特征可以看其他博主的介绍。因为npm是Node自带，所以有Node即可有pnpm。


下载安装

npm install pnpm -g


使用
pnpm install 包  // 
pnpm i 包
pnpm add 包    // -S  默认写入dependencies
pnpm add -D    // -D devDependencies
pnpm add -g    // 全局安装
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.


yarn

yarn 是 Facebook 开发的一个 JavaScript 包管理工具，yarn 使用与 npm 不同的锁定文件格式，但是仍然可以兼容 npm 的包管理规范。


下载安装

npm install -g yarn


使用
yarn --version // 查看版本
yarn init      // 同npm init，执行输入信息后，会生成package.json文件
yarn install   // 安装package.json里所有包，并将包及它的所有依赖项保存进yarn.lock
yarn run       // 用来执行在 package.json 中 scripts 属性下定义的脚本
  • 1.
  • 2.
  • 3.
  • 4.


写在后面

写这篇文章的最主要原因，其实还是因为平时独立开发中的项目有用到。比如，我放在个人博客里的在线工具（各种集成编程小工具），和项目中心（带摸鱼小游戏）都有使用pnpm和yarn，大家感兴趣的话可以看看。

谈后端人眼里的nvm、yarn、pnpm……_taro_04