參考: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安裝成功的!
