做前端的應(yīng)該都用過標(biāo)題提到的包管理器。簡(jiǎn)單說(shuō)一下這4個(gè)包管理器的區(qū)別。

npm

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

cnpm

這個(gè)就是npm的國(guó)內(nèi)鏡像了。

yarn

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

tyarn

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

一、安裝

1.1 安裝node.js

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

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

安裝完成目錄結(jié)構(gòu)：

# 查看版本號(hào)
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
# 默認(rèn)cnpm會(huì)會(huì)安裝在自己的用戶下面，并且自動(dòng)配置了用戶環(huán)境變量
# 比如我的安裝在：H:\Users\M\AppData\Roaming\npm 

# 查看版本號(hào)
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

# 國(guó)內(nèi)源 $ cnpm i yarn tyarn -g #  $ tyarn -v 

1.4 安裝umi

$ tyarn global add umi
$ umi -v 

1.5安裝靜態(tài)服務(wù)

cnpm install -g serve