版權(quán)聲明：本文為博主原創(chuàng)文章昂儒，未經(jīng)博主允許不得轉(zhuǎn)載簸淀。http://www.reibang.com/p/9eba0e2c0697
轉(zhuǎn)載請標明出處：
http://www.reibang.com/p/9eba0e2c0697
本文出自 AWeiLoveAndroid的博客
在前端開發(fā)領(lǐng)域經(jīng)常會用到npm瓶蝴、nodejs和yarn這些工具下載一些依賴包。許多框架租幕、依賴包或者工具都可以通過它們管理和下載舷手。我對這些不太熟悉，花了一點點時間去學(xué)習(xí)和研究它們劲绪。整理了一篇詳細的博客給大家男窟，希望大家多多關(guān)注盆赤，你想要學(xué)習(xí)和了解的東西看這一篇博客就夠了。如果還沒講到的知識點歉眷，建議去相應(yīng)的官網(wǎng)了解更多知識點牺六。本文詳細講解安裝和使用的過程，包括遇到的一些坑的解決汗捡。
一淑际、nodejs安裝和使用
（1）nodejs下載和安裝
1、下載
打開官網(wǎng)下載鏈接: https://nodejs.org/
我是在5月13號下載的nodejs扇住，當時的穩(wěn)定版是v8.11.1（2018.3.29發(fā)布的穩(wěn)定版 ）春缕， 最新版是 v10.1.0(Current) （2018.5.8發(fā)布的）。
我選擇穩(wěn)定版進行下載艘蹋。如下圖：
如果你是其他系統(tǒng)锄贼，可以選擇下方的Other Downloads選擇你想要的版本進行下載〔狙担或者直接打開網(wǎng)頁https://nodejs.org/en/download/進行下載咱娶。
2、安裝
下載完成后强品，雙擊node-v8.11.1-x64.msi膘侮，開始安裝Node.js,中間有一個提示選擇本地安裝路徑的（我安裝的本地路徑為：E:\develop\nodejs\），其它步驟一直next的榛，一直到安裝完成琼了。Node.js會默認添加到環(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懦窘。（這一步相當關(guān)鍵）
點擊我的電腦（計算機） --> 右鍵選擇屬性 --> 高級系統(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,所以不需要單獨下載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的安裝目錄轻纪，進入
nodejs\node_modules\npm找到文件npmrc，打開后在該文件末尾加上這一行registry = https://registry.npm.taobao.org
三叠纷、yarn
（1）yarn下載和安裝
安裝的兩種方式：
方式1：使用msi安裝：
首先進入yarn的官網(wǎng) https://yarnpkg.com/zh-hans/docs/install#windows-stable刻帚，然后選擇穩(wěn)定版進行下載。然后雙擊安裝即可涩嚣。我電腦里面其實已經(jīng)通過msi文件安裝了一個yarn崇众，路徑為：E:\develop\yarn1.7.0\
方式2：通過npm命令進行安裝：
執(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進行安裝。下載地址請看上文介紹队萤。
【注意】通過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/
