版權(quán)聲明：本文為博主原創(chuàng)文章，未經(jīng)博主允許不得轉(zhuǎn)載。http://www.itdecent.cn/p/9eba0e2c0697
轉(zhuǎn)載請標(biāo)明出處：
http://www.itdecent.cn/p/9eba0e2c0697
本文出自 AWeiLoveAndroid的博客
在前端開發(fā)領(lǐng)域經(jīng)常會用到npm、nodejs和yarn這些工具下載一些依賴包。許多框架、依賴包或者工具都可以通過它們管理和下載。我對這些不太熟悉，花了一點(diǎn)點(diǎn)時間去學(xué)習(xí)和研究它們。整理了一篇詳細(xì)的博客給大家，希望大家多多關(guān)注，你想要學(xué)習(xí)和了解的東西看這一篇博客就夠了。如果還沒講到的知識點(diǎn)，建議去相應(yīng)的官網(wǎng)了解更多知識點(diǎn)。本文詳細(xì)講解安裝和使用的過程，包括遇到的一些坑的解決。
一、nodejs安裝和使用
（1）nodejs下載和安裝
1、下載
打開官網(wǎng)下載鏈接: https://nodejs.org/
我是在5月13號下載的nodejs，當(dāng)時的穩(wěn)定版是v8.11.1（2018.3.29發(fā)布的穩(wěn)定版 ）， 最新版是 v10.1.0(Current) （2018.5.8發(fā)布的）。
我選擇穩(wěn)定版進(jìn)行下載。如下圖：
如果你是其他系統(tǒng)，可以選擇下方的Other Downloads選擇你想要的版本進(jìn)行下載?；蛘咧苯哟蜷_網(wǎng)頁https://nodejs.org/en/download/進(jìn)行下載。
2、安裝
下載完成后，雙擊node-v8.11.1-x64.msi，開始安裝Node.js,中間有一個提示選擇本地安裝路徑的（我安裝的本地路徑為：E:\develop\nodejs\），其它步驟一直next，一直到安裝完成。Node.js會默認(rèn)添加到環(huán)境變量。
（2）查看nodejs版本號
輸入
node -v，或者node --version，即可查看nodejs版本。如圖所示：
查看npm最新版本號，使用
npm view node version，如圖所示：
（3）其它配置
【Tips】如果我希望 將全局模塊所在路徑和緩存路徑放在我node.js安裝的文件夾 中，具體步驟如下：
1.首先在我安裝的文件夾
E:\develop\nodejs下創(chuàng)建兩個文件夾node_global及node_cache，如下圖：
2.想設(shè)置全局模塊的存放路徑和cache路徑。通過以下命令，把nodejs安裝的全局模塊轉(zhuǎn)移到nodejs安裝路徑內(nèi):
npm config set prefix "E:\develop\nodejs\node_global"
npm config set cache "E:\develop\nodejs\node_cache"
如圖所示：
3.在環(huán)境變量里面的
系統(tǒng)變量新建NODE_PATH。（這一步相當(dāng)關(guān)鍵）
點(diǎn)擊我的電腦（計算機(jī)） --> 右鍵選擇屬性 --> 高級系統(tǒng)設(shè)置 --> 高級 --> 環(huán)境變量。在系統(tǒng)變量里新建NODE_PATH，輸入E:\develop\nodejs\node_global\node_modules。
4.修改環(huán)境變量里面的
用戶變量里面的PATH。
在PATH變量中，我們在末尾加入;E:\develop\nodejs\node_global\。
如果有沖突，建議把PATH里面的設(shè)置的nodejs環(huán)境變量配置去掉。
二、npm
nodejs自帶npm,所以不需要單獨(dú)下載npm了。
（1）查看npm安裝路徑
使用命令where npm即可。即可知道npm在電腦上的安裝路徑。如下圖：
（2）查看npm版本號
查看npm版本,輸入
npm -v，或者npm --version， 查看npm版本。如圖所示：
查看npm最新版本號，使用
npm view npm version，如圖所示：
可以通過命令行
npm -l找到這兩者的描述，如下圖所示：
具體的完整的各個版本號信息，可以去淘寶npm鏡像：https://npm.taobao.org/mirrors/npm/
（3）升級npm
- 1.如果想升級npm，輸入
npm install npm@latest -g。這里的latest表示最新版本。
- 2.你也可以使用
具體的版本號，例如我們輸入命令：npm install npm@6.10.0 -g表示下載6.10.0這個版本的npm。關(guān)于查看各個版本號的網(wǎng)址上文有講解，這里就不重復(fù)了。
（4）加快npm啟動速度（3種方式）
- 1.使用以下命令：
npm config set registry=http://registry.npm.taobao.org/ - 2.使用全局設(shè)置的命令：
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
- 3.找到node.js的安裝目錄，進(jìn)入
nodejs\node_modules\npm找到文件npmrc，打開后在該文件末尾加上這一行registry = https://registry.npm.taobao.org
三、yarn
（1）yarn下載和安裝
安裝的兩種方式：
方式1：使用msi安裝：
首先進(jìn)入yarn的官網(wǎng) https://yarnpkg.com/zh-hans/docs/install#windows-stable，然后選擇穩(wěn)定版進(jìn)行下載。然后雙擊安裝即可。我電腦里面其實(shí)已經(jīng)通過msi文件安裝了一個yarn，路徑為：E:\develop\yarn1.7.0\
方式2：通過npm命令進(jìn)行安裝：
執(zhí)行命令npm install yarn -g （后面的可選參數(shù)-g，g代表global全局安裝的意思）的安裝語句時，會將安裝的模塊安裝到C:\Users\Administrator\AppData\Roaming\npm路徑中。
（2）查看安裝路徑
如果不知道路徑，可以使用where yarn命令查看電腦yarn的安裝路徑，可以看到我的安裝路徑為：E:\develop\yarn1.7.0\：
（3）查看yarn版本號
執(zhí)行 yarn -v 或者yarn --version ，查看安裝的yarn版本號，比如我的版本號是1.7.0。
（4）升級yarn
1.如果通過msi安裝的，可以卸載舊版本的yarn，然后官網(wǎng)下載新版的yarn進(jìn)行安裝。下載地址請看上文介紹。
【注意】通過msi安裝的yarn并不會覆蓋通過npm安裝的yarn，兩者同時存在。安裝和卸載，都分開的。
2.命令行直接安裝(命令資料參考自官網(wǎng)，不清楚有沒有錯誤)
| 升級方式 | 命令 | 命令示范 | 含義 |
|---|---|---|---|
| npm命令升級 | npm install 包名稱@版本號 -g | npm install yarn@1.7.0 -g | 加上版本號全局安裝升級 |
| npm命令升級 | npm install 包名稱@latest -g | npm install yarn@latest -g | 加latest全局安裝升級 |
| yarn命令升級 | yarn upgrade 包名稱 | yarn upgrade yarn | 直接安裝升級 |
| yarn命令升級 | yarn upgrade 包名稱@版本號 | yarn upgrade yarn@1.7.0 -g | 加上版本號安裝升級 |
| yarn命令升級 | yarn upgrade –latest 包名稱 | yarn upgrade –latest yarn | 加latest安裝升級 |
（5）加快yarn啟動速度，使用全局設(shè)置的命令：
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
四、npm和yarn安裝庫的命令
npm和yarn安裝庫的命令圖解如下表所示：
五、安裝路徑
各命令以及安裝路徑如下表所示：
- -g是可以全局復(fù)用的，如果使用npm命令，推薦在命令末尾加上
-g這個比較好。 - yarn add命令比較簡潔，推薦使用。
六、相關(guān)網(wǎng)址
- npm包下載地址：https://www.npmjs.com
- 淘寶npm鏡像：https://npm.taobao.org/mirrors/npm/
