1. 程式人生 > WINDOWS開發 >npm和cnpm(windows)安裝步驟

npm和cnpm(windows)安裝步驟

一、什麼是npm和cnpm

npm(node package manager):nodejs的包管理器,用於node外掛管理(包括安裝、解除安裝、管理依賴等)
cnpm:因為npm安裝外掛是從國外伺服器下載,受網路的影響比較大,可能會出現異常,如果npm的伺服器在中國就好了,所以我們樂於分享的淘寶團隊幹了這事。來自官網:“這是一個完整 npmjs.org 映象,你可以用此代替官方版本(只讀),同步頻率目前為 10分鐘 一次以保證儘量與官方服務同步。”

二、安裝nodejs

1、首先前往nodejs官網下載nodejs
技術分享圖片
2、然後點選安裝,選擇自己要安裝的路徑,此處我選擇的是:D:\Program Files\nodejs,安裝至完成。

3.window+R,輸入cmd,開啟命令提示符視窗,輸入:

npm -v

檢測是否安裝成功,如果輸出版本號,則表示安裝成功,如圖:
技術分享圖片

二、改變原有的環境變數

1、首先配置npm的全域性模組的存放路徑、cache的路徑,此處我選擇放在:D:\workspace\nodejs
輸入如下命令:

npm config set prefix "D:\workspace\nodejs\node_global"
npm config set cache "D:\workspace\nodejs\node_cache"

完成後可以在資料夾中看到相應名字的資料夾,如下:
技術分享圖片

2、在系統環境變數新增NODE_PATH,輸入路徑為:

D:\workspace\nodejs\node_global
操作如下:我的電腦右擊,開啟屬性->高階系統設定->環境變數->新建(系統變數下)->輸入變數名NODE_PATH->變數值:輸入上面路徑,確定即可。
技術分享圖片

3、在命令列輸入以下命令安裝express(注:“-g”表示安裝到global目錄下,就是上面設定的node_global中)

npm install express -g

技術分享圖片
可以看到node_global/node_modules下有express了,如圖:
技術分享圖片
4、在命令列輸入node進入編輯模式,輸入以下程式碼檢測是否能正常載入模組:

require(‘express‘)
  • 1

技術分享圖片
如果成功,如上圖顯示;如果出錯,檢測下上面配置的NODE_PATH是否配置或者配置正確。

三、安裝cnpm

1、安裝cnpm,輸入以下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

如下圖:
技術分享圖片
2、輸入cnpm -v,檢測是否正常,但是這裡會報錯。
3、新增系統變數path的內容
因為cnpm會被安裝到D:\Program Files\nodejs\node_global下,而系統變數path並未包含該路徑。在系統變數path下新增該路徑即可正常使用cnpm。
如圖,修改系統變數path:
技術分享圖片
然後再次輸入cnpm -v,結果如下:
技術分享圖片