超詳細(xì)的Node.js安裝教程及在vscode中的配置

如果教程中出現(xiàn)了錯(cuò)誤或者有其他問(wèn)題，歡迎指正，我會(huì)積極改正的，希望能幫到你們。

一、Node.js下載安裝教程

1、下載安裝

進(jìn)入nodejs官網(wǎng)，下載18.15.0長(zhǎng)期維護(hù)版。

下載網(wǎng)址鏈接：Node.js (nodejs.org)??????

?

2、下載后雙擊打開，點(diǎn)擊下一步

?

3、點(diǎn)擊repair->next，一直點(diǎn)擊下一步，直至設(shè)置安裝路徑，默認(rèn)在C盤，建議更改安裝路徑到其他磁盤。

?

4、不用勾選，直接next

?

5、點(diǎn)擊安裝install?，完成finish

?

6、檢測(cè)是否安裝成功：win+R打開運(yùn)行窗口，輸入cmd，回車

?

7、輸入node -v回車，npm -v 回車，若如圖出現(xiàn)版本號(hào)，則說(shuō)明安裝成功。

?

8、打開node.js安裝的文件夾，新建兩個(gè)文件夾node_glabal和node_cache.。

(node_glabal是全局模塊，node_cache。如沒(méi)有node_modules文件夾，需要手動(dòng)新建，用來(lái)配置環(huán)境變量，若有，就不用新建了。)

?

9、再次win+R打開運(yùn)行窗口，輸入cmd，回車，在輸入下面這兩條命令，若沒(méi)有報(bào)錯(cuò)，就可以關(guān)閉此窗口。

npm config set prefix "剛才創(chuàng)建的?node_global文件夾的路徑"

npm config set cache"剛才創(chuàng)建的?node_cache文件夾的路徑"

(該路徑可以手動(dòng)輸入，也可以打開所處文件夾直接拖入。)

9.1、此處只針對(duì)出現(xiàn)如下出錯(cuò)誤的情況，如果上面的運(yùn)行沒(méi)有報(bào)錯(cuò)，請(qǐng)忽略這一步，直接進(jìn)行第10步。

?

可能的原因是：（1）、之前你已經(jīng)安裝過(guò)一次node.js，但是這次安裝路徑和上次的不一樣，請(qǐng)修改安裝路徑（進(jìn)入到安裝nodejs文件夾，找到npmrc文件，\node.js\node_modules\npm\npmrc），在重復(fù)第九步。

（2）、也有可能是之前安裝nodejs配置的環(huán)境變量中路徑與此次不同，需要去檢查一下環(huán)境變量，具體操作看后面。（注意：后面操作中，需要添加路徑的步驟，改成檢查路徑是否正確），然后在重復(fù)第9步。

10、打開設(shè)置，找到高級(jí)系統(tǒng)設(shè)置，點(diǎn)擊環(huán)境變量。

?

11、在系統(tǒng)變量中，新建，變量名：NODE_PATH，變量值：node_modulesl文件夾的路徑。

12、再修改或者直接添加用戶變量中的path變量，點(diǎn)擊編輯，為了防止修改到其他軟件路徑，在這里我們直接新建添加一個(gè)路徑。

點(diǎn)擊新建->瀏覽，找到node_global文件夾的路徑，打開，然后確定。

然后點(diǎn)擊確定，保存剛剛修改的。

二、Nodejs在vscode中的配置

1、在vscode的擴(kuò)展中安裝三個(gè)插件，Code Runner；JavaScript(ES6) code snippet；Live Server。

（在應(yīng)用商店中搜索）

2、創(chuàng)建配置文件，打開代碼文件夾，先創(chuàng)建一個(gè)test.js，隨便寫幾句，然后運(yùn)行測(cè)試代碼。點(diǎn)擊左邊側(cè)邊欄的調(diào)試工具，選擇創(chuàng)建launch.json文件，選擇node.js調(diào)試環(huán)境。

3、此時(shí)配置文件會(huì)自動(dòng)生成，注意將program屬性修改為${file},這樣可以識(shí)別當(dāng)前調(diào)試的文件。然后運(yùn)行文件。

4、在運(yùn)行時(shí)報(bào)錯(cuò)

1、VScode調(diào)試中出現(xiàn)“沒(méi)有可用的調(diào)試程序，無(wú)法發(fā)送‘variables’“問(wèn)題。

在用node調(diào)試js的時(shí)候，是否遇到過(guò)這樣的問(wèn)題？當(dāng)我第一次遇到這樣的問(wèn)題，我以為vscode調(diào)試只是捕捉node.js控制臺(tái)的消息，不能像瀏覽器開發(fā)者工具一樣能打印對(duì)象并且展開顯示對(duì)象的各種屬性。

然而，實(shí)質(zhì)上是vscode用node調(diào)試完了，node.js已經(jīng)運(yùn)行此js文件已經(jīng)結(jié)束了，因此vscode也已經(jīng)打印完該打印的內(nèi)容了，當(dāng)用戶想要展開某個(gè)對(duì)象的屬性時(shí)需要讓node在正在運(yùn)行中。

2vscode中調(diào)試錯(cuò)誤提示信息： Node process error: Error: spawn D:\????\node.exe ENOENT，或者說(shuō)找不到對(duì)應(yīng)的二進(jìn)制文件。

報(bào)錯(cuò)原因：node安裝路徑有中文，導(dǎo)致vscode中的js調(diào)試報(bào)錯(cuò)。

解決方法：打開控制面板->時(shí)鐘和區(qū)域，點(diǎn)擊區(qū)域。

點(diǎn)擊管理->更改系統(tǒng)區(qū)域設(shè)置。

選中Bata版：使用Unicode’ UTF-8提供全球語(yǔ)言支撐。點(diǎn)擊確定，重啟電腦即可。這樣，vscode文件路徑就支持中文了。

文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-438930.html

到了這里，關(guān)于Node.js安裝教程及在vscode中的配置（超詳細(xì)）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！