做前端的應該都用過標題提到的包管理器。簡單說一下這4個包管理器的區(qū)別。

npm

這應該是最常用的，在某些情況會出現(xiàn)丟包，而且由于某種原因會下載很慢，通常會配置國內鏡像。我已經(jīng)很少用npm了，主要用它下載 cnpm 或 yarn。

cnpm

這個就是npm的國內鏡像了。

yarn

它和npm最大區(qū)別是，yarn是并行下載的，所以下載速度很快，當然也是要配置國內鏡像。

tyarn

這個就是yarn的國內鏡像了。淘寶開發(fā)的。我主要就是用 tyarn。

一、安裝

1.1 安裝node.js

下載地址，選擇自己的安裝位置，一直next即可。

注：.msi安裝程序會自動添加node.js路徑到系統(tǒng)環(huán)境配量

安裝完成目錄結構：

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

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

1.2 安裝cnpm

打開cmd命令窗口，執(zhí)行：

npm install -g cnpm --registry=https://registry.npm.taobao.org
# 默認cnpm會會安裝在自己的用戶下面，并且自動配置了用戶環(huán)境變量
# 比如我的安裝在：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安裝靜態(tài)服務

cnpm install -g serve