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

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

摘要：然后我們在看看環(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的時(shí)候npm也給你安裝好了。于是你就 :win+r --> 輸入cmd -->回車 在DOS窗口下輸入：node -v --->回車；npm -v ---->回車，看到的結(jié)果如圖：

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

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

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

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

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

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

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

打開

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

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

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

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

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

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

![圖片上傳中...]

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

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

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

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

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

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