做前端的应该都用过标题提到的包管理器。简单说一下这4个包管理器的区别。

npm

这应该是最常用的，在某些情况会出现丢包，而且由于某种原因会下载很慢，通常会配置国内镜像。我已经很少用npm了，主要用它下载 cnpm 或 yarn。

cnpm

这个就是npm的国内镜像了。

yarn

它和npm最大区别是，yarn是并行下载的，所以下载速度很快，当然也是要配置国内镜像。

tyarn

这个就是yarn的国内镜像了。淘宝开发的。我主要就是用 tyarn。

一、安装

1.1 安装node.js

下载地址，选择自己的安装位置，一直next即可。

注：.msi安装程序会自动添加node.js路径到系统环境配量

安装完成目录结构：

# 查看版本号
H:\Users\M>npm -v
6.4.1

H:\Users\M>node -v
v10.15.1 

1.2 安装cnpm

打开cmd命令窗口，执行：

npm install -g cnpm --registry=https://registry.npm.taobao.org
# 默认cnpm会会安装在自己的用户下面，并且自动配置了用户环境变量
# 比如我的安装在：H:\Users\M\AppData\Roaming\npm 

# 查看版本号
H:\Users\M>cnpm -v
cnpm@6.0.0 (H:\Users\M\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
npm@6.8.0 (H:\Users\M\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib
\npm.js)
node@10.15.1 (D:\Develop\nodejs\node.exe)
npminstall@3.20.2 (H:\Users\M\AppData\Roaming\npm\node_modules\cnpm\node_modules
\npminstall\lib\index.js)
prefix=H:\Users\M\AppData\Roaming\npm
win32 x64 6.1.7601
registry=https://registry.npm.taobao.org 

1.3 安装tyarn

# 国内源 $ cnpm i yarn tyarn -g #  $ tyarn -v 

1.4 安装umi

$ tyarn global add umi
$ umi -v 

1.5安装静态服务

cnpm install -g serve