安裝 node.js npm,cnpm


參考:https://blog.csdn.net/suiyuehuimou/article/details/74143436

https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450141843488beddae2a1044cab5acb5125baf0882000

 

node.js 版本號V8.11.2

npm 版本號 V5.6.0

 安裝node.js

由於Node.js平台是在后端運行JavaScript代碼,所以,必須首先在本機安裝Node環境。

1.首先我們要到nodejs官網(https://nodejs.org)上下載node,我們選擇使用人數最多的版本

2.下載完成后,直接運行安裝程序,可以修改下安裝路徑(建議別安裝在系統盤),我安裝到了D:\\Program Files\,剩下的就一直點下一步;

3.安裝完成后,win+R打開cmd,輸入node -v,如果可以看到版本號,恭喜你安裝成功了!

C:\WINDOWS\system32>node -v
v8.11.2

安裝npm

在正式開始Node.js學習之前,我們先認識一下npm。

npm是什么東東?npm其實是Node.js的包管理工具(package manager)。

為啥我們需要一個包管理工具呢?因為我們在Node.js上開發時,會用到很多別人寫的JavaScript代碼。如果我們要使用別人寫的某個包,每次都根據名稱搜索一下官方網站,下載代碼,解壓,再使用,非常繁瑣。於是一個集中管理的工具應運而生:大家都把自己開發的模塊打包后放到npm官網上,如果要使用,直接通過npm安裝就可以直接用,不用管代碼存在哪,應該從哪下載。

更重要的是,如果我們要使用模塊A,而模塊A又依賴於模塊B,模塊B又依賴於模塊X和模塊Y,npm可以根據依賴關系,把所有依賴的包都下載下來並管理起來。否則,靠我們自己手動管理,肯定既麻煩又容易出錯。

1.npm的安裝,由於新版的nodejs已經集成了npm,所以之前安裝node的時候npm也連帶裝好了。在命令行中輸入 npm -v 來測試是否已經成功安裝npm,出現版本號就表示成功安裝了。

C:\WINDOWS\system32>npm -v
5.6.0

ps:有時候可能會出現你輸入命令號,提示不是內部命令,這時候可以把cmd關掉再新開一個cmd試試。

2.下面我們來進行npm全局模塊的存放路徑以及cache的路徑的配置,這些路徑默認是在 C 盤的,我覺得這樣會增加系統盤的負擔,所以我希望將以上兩個文件放在nodejs的主目錄下,因此我在nodejs目錄下也就是我的安裝目錄下建立了”node_gobal”和”node_cache”兩個文件夾;

3.進入cmd命令行,輸入以下的命令設置全局模塊的安裝路徑到node_gobal文件夾,緩存到node_cache文件夾:

npm config set prefix "D:\Program Files\nodejs\node_gobal"
npm config set cache "D:\Program Files\nodejs\node_cache"

4.設置完成后,我們可以安裝一個模塊測試一下,我們安裝express模塊,進入cmd命令行輸入 npm install -g express(“-g”表示裝到global目錄下,也就是剛才設置“D:\Program Files\nodejs\node_gobal”目錄下)。

卸載命令:
npm uninstall express -g

5.由於node全局模塊大多數都是可以通過命令行訪問的,所以還要把“D:\Program Files\nodejs\node_gobal”加入到系統PATH中,方便直接使用命令行運行。

環境變量--->系統變量        新建NODE_PATH

 

環境變量--->用戶變量,Path 點擊編輯,然后新建下圖的記錄:

安裝cnpm

因為牆的存在,國內的小伙伴想愉快的使用npm會發現很不爽,所以一般我們都會選擇安裝淘寶團隊搭建的npm的鏡像cnpm.

1.輸入命令安裝cnpm(這塊坑比較多)

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

2.輸入cnpm -v 檢查是否安裝正常

3.添加系統變量path的內容:環境變量--->系統變量    Path點擊編輯,然后新建下圖中的兩條記錄。

 

卸載cnpm

命令行工具里輸入命令   npm config list  回車看到現有的源是taobao

然后在命令行工具里輸入如下命令, npm config delete registry ,然后回車。

在輸入命令   npm config list  回車看到現有的源已經變了,這樣就好了。

為了防止以后再使用cnpm,用下面命令恢復taobao的鏡像

npm config set registry ''http://registry.npm.taobao.org''

總結

至此,我們的環境配置就算完成了,可以愉快地進行后續開發工作了!不過估計有很多同學的安裝過程不是一帆風順(我反正是第一遍沒配置成功,配置完后最好重啟下電腦),道路雖然曲折,但是只有這樣才能加深我們的印象,遇到的坑多也不一定是壞事,填坑的同時也在不斷提自身的技術水平!

 

PS:接下來會寫一下Angular.js的安裝,也遇到好多坑,用npm安裝總是失敗,最后用cnpm安裝成功的!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM