node.js環(huán)境搭建與配置的那些坑

winterdawn 發(fā)布于2019-08-20 17:28 / 599人閱讀

摘要：然后我們在看看環(huán)境變量配置我的系統(tǒng)變量中的以及是安裝的根目錄而且我沒有在系統(tǒng)變量中添加任何的什么的那些鬼玩意。

開始學(xué)習(xí)vue框架，要求搭建node環(huán)境初學(xué)者遇到很多的問題，現(xiàn)在知其然也讓你知其所以然。來上步驟與截圖

安裝node
(1)安裝node網(wǎng)上很多你們可以參考很多文章，我就不多說，一直下一步就好了，但是我們IT碼農(nóng)都潔癖---不想安裝在系統(tǒng)盤C盤路徑下。于是我安裝到了D：nodejs目錄下面，如圖：

。

(2)安裝好了之后告訴大家，新版的node已經(jīng)包含了npm包管理工具了。也就是說你安裝node的時候npm也給你安裝好了。于是你就 :win+r --> 輸入cmd -->回車 在DOS窗口下輸入：node -v --->回車；npm -v ---->回車，看到的結(jié)果如圖：

恭喜你筒子，這個界面說明你成功安裝了node和npm工具。而且還查看了版本號。
**此處知識點:當(dāng)你安裝node的時候選擇的安裝路徑系統(tǒng)會將其添加到系統(tǒng)path路徑中（如何查看自己百度）。因此 “環(huán)境變量”--->系統(tǒng)變量-->path  最后是這樣子的：

意思就是說，系統(tǒng)中默認(rèn)的路徑中有一個是D:
odejs,在DOS運行命令中會先從這些路徑中找起來。**

設(shè)置模塊與緩存的全局路徑
在DOS窗口輸入
npm config set prefix "D:nodejsnode_global" -->回車
npm config set cache "D:nodejsnode_cache" -->回車
知識了點：該出必須放在node安裝好目錄下，因為后面配置環(huán)境變量時是從node開始找的（也可以創(chuàng)建在其他地
方，但配置會比較麻煩，就不一一贅述了），這兩個是指全局額模塊會下載到D:nodejsnode_global目錄下
面，緩
存會放在：D:nodejsnode_cache （什么是全局什么是項目模塊自己百度太多太全了）。執(zhí)行命令后你會在
D:nodejs 目錄下看到這兩貨：

是的，執(zhí)行指令時自己創(chuàng)建了文件夾。點開里面什么都沒有。

下載全局模塊包進行測試
好了現(xiàn)在下載一個express 和一個require模塊包試試看。
win+r --> 輸入cmd -->回車在DOS窗口下輸入：
npm install -g express -->回車
npm install -g express-generator -->回車
（新版本將express-generator包從express中分了處理，必須要下載）
npm install -g require -->回車

再打開D:nodejsnode_cache 你會看到亂七八糟的文件夾，好了那是緩存的不管他。

好了現(xiàn)在打開D:nodejsnode_global你會看到有一個名叫node_modules的文件夾和其他的幾個東東：

打開

這是你在DOS命令窗口中 express --version 是看不了express的版本的，因為你還沒有配置用戶的環(huán)境變量，即使你在DOS中輸入 D:--->回車（進入D盤） cd nodejs -->回車然后在輸入 express --version --> 回車你也是看不到版本信息的。但是你在DOS命令中輸入 node-->回車 require-->回車，你是可以看到require的安裝信息的。如圖：

但是require并沒有 require -v或-V或--version這樣的任何指令。所以比在白費力氣了。

現(xiàn)在把筆拿出來，要劃重點了：全局模塊下載之后存在于 D:nodejsnode_global下的node_modules文件夾中，但是可執(zhí)行文件卻在D:nodejsnode_global。這個很重要，說明我們的環(huán)境變量（我們的環(huán)境變量值用戶的變量）時要在要D:nodejsnode_global下面。

配置環(huán)境變量
如果之前的DOS窗口打開的請關(guān)閉。
我的電腦(計算機)-->系統(tǒng)屬性-->高級系統(tǒng)設(shè)置-->環(huán)境變量-->用戶變量-->新建
PATH = D:nodejsnode_global
這時你從新打開DOS窗口然后 express --version 哈哈哈客官請看：

是的你沒有看錯成功了，然后你再試試：node-->回車  require-->回車
你還是可以看到require的信息。
然后我們在看看環(huán)境變量配置：

（1）、我的系統(tǒng)變量中的path以及是node安裝的根目錄、而且我沒有在系統(tǒng)變量中添加任何的NODE_PATH什么的那些鬼玩意。

![圖片上傳中...]

（2）、我只是在用戶變量中添加了 PATH = 全局模塊安裝的路徑
（3）、特別注意，這里的系統(tǒng)變量中的path不要隨便改，而且你新建一個叫PATH的也會把之前的覆蓋掉（也就是說這里是不區(qū)分大小寫）這里的環(huán)境變量指下的是你的一些軟件以及運行環(huán)境的安裝路徑（比如java的JDK）不要聽網(wǎng)上那些S 13說的改系統(tǒng)變量的path =  D:
odejs
ode_cache。如下圖的S13 會導(dǎo)致你把path全部修改導(dǎo)致部分軟件都無法運行甚至?xí)匮b系統(tǒng)：

反思
既然上面說的系統(tǒng)變量里面有D:nodejs所以才會在DOS命令中查看node和npm的版本如果沒有就不行了嗎？答案是否定的，現(xiàn)在我把我的系統(tǒng)變量中的node安裝路徑刪除。如圖：

然后重新打開DOS node -v 或 npm -v 你會發(fā)現(xiàn)是不可運行的命令。但是此時你先到D盤然后cd 到nodejs的安裝路徑下再試試，如圖：

呵呵噠這不是可以了嗎。所以說這個path是指系統(tǒng)默認(rèn)的指定到某一路徑的意思。而且在上途中可以看到也可以查看全局模塊express的版本信息哦。（記得最后把你的系統(tǒng)變量的path恢復(fù)回去）。

總結(jié)
首先第一不要輕易相信網(wǎng)上的胡謅的，總有一些不懂裝懂的SB在坑你。
其次，慢慢來要知其然還要志氣所以然
接著，多試幾次，因為那些模塊包一直在更新要跟進github。時時注意官網(wǎng)說明。
最后，多試幾次吧，你會受益匪淺。

PS:這個path的配置有點類似于java的環(huán)境變量配置，還有一種方法是在系統(tǒng)變量中新增NODE_PATH = 安裝的根目錄（D:nodejs）。但這種方法要修改系統(tǒng)的path 還有在用戶變量中也不是這樣寫的。不建議使用這種方法。記住你唯一要做的就是加一個用戶變量 PATH = D:nodejsnode_global 你的全局模塊的路徑（記住知道global這一層不到下一層）。