前言(摘錄):
Node.js是一個(gè)基于Chrome V8引擎的JavaScript運(yùn)行環(huán)境,使用了一個(gè)事件驅(qū)動(dòng)、非阻塞式I/O模型, 讓JavaScript 運(yùn)行在服務(wù)端的開發(fā)平臺(tái),它讓JavaScript成為與PHP、Python、Perl、Ruby等服務(wù)端語(yǔ)言平起平坐的腳本語(yǔ)言。
安裝node環(huán)境,配置npm 、 cnpm、nrm:
-
2- 配置npm在安裝全局模塊時(shí)的路徑和緩存cache的路徑
(1)因?yàn)樵趫?zhí)行例如npm install webpack -g等命令全局安裝的時(shí)候,默認(rèn)會(huì)將模塊安裝在C:\Users\用戶名\AppData\Roaming路徑下的npm和npm_cache中,不方便管理且占用C盤空間,所以這里配置自定義的全局模塊安裝目錄,在node.js安裝目錄下新建兩個(gè)文件夾 node_global和node_cache,如圖所示:
(2)然后在cmd命令下執(zhí)行如下兩個(gè)命令:
npm config set prefix "D:\workSoft\nodejs\node_global"
npm config set cache "D:\workSoft\nodejs\node_cache"
執(zhí)行命令,如下圖所示:
(3)執(zhí)行完后,配置環(huán)境變量,如下:
“環(huán)境變量” -> “系統(tǒng)變量”:新建一個(gè)變量名為 “NODE_PATH”, 值為“D:\workSoft\nodejs\node_global\node_modules”,如圖:
“環(huán)境變量” -> “用戶變量”:編輯用戶變量里的Path,將相應(yīng)npm的路徑(“C:\Users\用戶名\AppData\Roaming\npm”)改為:“D:\workSoft\nodejs\node_global”,如圖:
-
3- 測(cè)試是否配置成功
(1) 執(zhí)行 npm install webpack -g, 然后安裝成功后可以看到自定義的兩個(gè)文件夾已生效:
(2)webpack 也已安裝成功,執(zhí)行 npm webpack -v 可以看到所安裝 webpack 的版本號(hào):
-
3.4 優(yōu)化-配置淘寶鏡像或nrm鏡像管理
(1)配置淘寶鏡像:
將npm的模塊下載倉(cāng)庫(kù)從默認(rèn)的國(guó)外站點(diǎn)改為國(guó)內(nèi)的站點(diǎn),這樣下載模塊的速度才能比較快,只需要一個(gè)命令即可,命令是:
npm config set registry https://registry.npm.taobao.org
配置后可通過(guò)下面方式來(lái)驗(yàn)證是否成功
npm config get registry
還原默認(rèn)的npm配置
npm config set registry https://registry.npmjs.org
(2)使用nrm管理npm的鏡像源參考方案
以下內(nèi)容為摘錄內(nèi)容:
1.nrm
nrm(npm registry manager )是npm的鏡像源管理工具,有時(shí)候國(guó)外資源太慢,使用這個(gè)就可以快速地在 npm 源間切換
2.安裝nrm
在命令行執(zhí)行命令,npm install -g nrm,全局安裝nrm。
3.使用
執(zhí)行命令nrm ls查看可選的源。
nrm ls
*npm ---- https://registry.npmjs.org/
cnpm --- http://r.cnpmjs.org/
taobao - http://registry.npm.taobao.org/
eu ----- http://registry.npmjs.eu/
au ----- http://registry.npmjs.org.au/
sl ----- http://npm.strongloop.com/
nj ----- https://registry.nodejitsu.com/
其中,帶*的是當(dāng)前使用的源,上面的輸出表明當(dāng)前源是官方源。
5.切換
如果要切換到taobao源,執(zhí)行命令nrm use taobao。
6.增加
你可以增加定制的源,特別適用于添加企業(yè)內(nèi)部的私有源,執(zhí)行命令 nrm add <registry> <url>,其中reigstry為源名,url為源的路徑。
nrm add registry http://registry.npm.frp.trmap.cn/
7.刪除
執(zhí)行命令nrm del <registry>刪除對(duì)應(yīng)的源。
8.測(cè)試速度
你還可以通過(guò) nrm test 測(cè)試相應(yīng)源的響應(yīng)時(shí)間。
nrm test npm
(3)在使用nrm的過(guò)程中經(jīng)常會(huì)報(bào)錯(cuò)
情況1:當(dāng)安裝完后,執(zhí)行明亮報(bào)不是內(nèi)部或者外部命令時(shí),重啟下電腦;
情況2:然后報(bào)錯(cuò)如圖的話參考方案
操作:將17行的內(nèi)容注釋,改為18行
相關(guān)代碼如下:
//const NRMRC = path.join(process.env.HOME, '.nrmrc');(注掉)
const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');