無論是使用vue以及react坝咐，我們都需要配置開發(fā)環(huán)境以及使用命令行工具爽雄，下面來介紹下如何使用npm以及使用nrm管理源
1.首先打開nodejs官方中文網(wǎng)
選擇LTS穩(wěn)定版本，npm是隨著nodejs一起安裝的。
下載完雙擊默認(rèn)安裝就可以了。linux系統(tǒng)的可以參照官網(wǎng)难咕，也是有直接安裝的命令的。
2.查看node跟npm是否安裝成功
win鍵+r 打開運(yùn)行押逼，輸入 cmd 然后回車鍵步藕，在dos命令行界面下輸入
node -v npm -v
如果都有顯示版本號(hào)，那就安裝成功了挑格。
3咙冗。更改源的使用
由于npm的官方服務(wù)器是在國外的，所以如果沒有科學(xué)上網(wǎng)的話漂彤，下載東西的速度是很慢的雾消，而且可能出現(xiàn)下載失敗的問題灾搏。
所以為了方便我們的開發(fā)，我們要手動(dòng)切換一下到國內(nèi)的鏡像源立润。
這里是淘寶的鏡像源狂窑，手動(dòng)復(fù)制一下。
在dos命令行下粘貼下面的命令進(jìn)行更改
<pre style="margin: 0px; padding: 0px; color: rgb(28, 31, 33); font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(248, 250, 252); text-decoration-style: initial; text-decoration-color: initial;">npm config set registry https://registry.npm.taobao.org</pre>
修改了npm默認(rèn)的安裝源之后
通過輸入
<pre style="margin: 0px; padding: 0px; color: rgb(28, 31, 33); font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(248, 250, 252); text-decoration-style: initial; text-decoration-color: initial;">npm config get registry</pre>
檢驗(yàn)是否配置成功桑腮，配置成功后泉哈，使用npm安裝其實(shí)就是用淘寶的鏡像源下載東西了也就是使用cnpm
4.使用cnpm安裝
除此之外，我們還可以使用淘寶鏡像提供的 cnpm 工具破讨，通過 cnpm 來安裝一般速度會(huì)更快一些丛晦，我們可以直接復(fù)制文檔中的命令：
<pre style="margin: 0px; padding: 0px; color: rgb(28, 31, 33); font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(248, 250, 252); text-decoration-style: initial; text-decoration-color: initial;">npm install -g cnpm --registry=https://registry.npm.taobao.org</pre>
粘貼在dos命令行中，回車進(jìn)行安裝提陶，初次安裝需要等待的時(shí)間可能會(huì)比較久烫沙，一定要有耐心。
等待安裝完成之后隙笆，我們可以在命令行輸入 cnpm -v 來測試是否安裝成功锌蓄。以后用npm安裝 插件就可以改成cnpm安裝了。
5.nrm管理以及切換源
nrm 是一個(gè)管理切換 npm registries 的命令行工具撑柔，由于各個(gè)地區(qū)不同的網(wǎng)絡(luò)環(huán)境瘸爽，以及鏡像同步不全的問題，在使用淘寶源時(shí)仍有可能遇到一次錯(cuò)誤乏冀，或者在使用腳手架工具的時(shí)候蝶糯，會(huì)默認(rèn)使用npm，但是大家也知道國內(nèi)的環(huán)境是很慢的辆沦，我們就需要一個(gè)工具來切換源了，我們可以通過使用 nrm 可以迅速在各個(gè)安裝源之間進(jìn)行切換识虚，而且它還帶有測速功能肢扯，這能讓我們很方便地挑選出最適合自己使用的安裝源。
在dos命令行復(fù)制粘貼下列命令
<pre style="margin: 0px; padding: 0px; color: rgb(28, 31, 33); font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(248, 250, 252); text-decoration-style: initial; text-decoration-color: initial;">npm install -g nrm</pre>
來安裝 nrm 工具担锤。安裝好之后蔚晨，你可以通過在dos命令行輸入：
<pre style="margin: 0px; padding: 0px; color: rgb(28, 31, 33); font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(248, 250, 252); text-decoration-style: initial; text-decoration-color: initial;">nrm ls</pre>
顯示使用的源地址，帶*的就是目前使用的肛循。
- npm —– https://registry.npmjs.org/
cnpm —- http://r.cnpmjs.org/
taobao — https://registry.npm.taobao.org/
nj —— https://registry.nodejitsu.com/
rednpm — http://registry.mirror.cqupt.edu.cn
skimdb — https://skimdb.npmjs.com/registry
要想切換目前使用的源铭腕，
比如我想使用cnpm 的源，那么我就可以輸入：
<pre style="margin: 0px; padding: 0px; color: rgb(28, 31, 33); font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(248, 250, 252); text-decoration-style: initial; text-decoration-color: initial;">nrm use cnpm</pre>
那么在使用npm 下載包的使用多糠，使用的就是cnpm的鏡像源下載東西了累舷。
想要了解到每個(gè)源的下載速度，那么就可以在dos命令行輸入：
<pre style="margin: 0px; padding: 0px; color: rgb(28, 31, 33); font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(248, 250, 252); text-decoration-style: initial; text-decoration-color: initial;">nrm test</pre>
作者：東方既白233
鏈接：http://www.imooc.com/article/254541
來源：慕課網(wǎng)
本文原創(chuàng)發(fā)布于慕課網(wǎng) 夹孔，轉(zhuǎn)載請注明出處被盈，謝謝合作
