這篇文章主要介紹了node.js在vscode里調(diào)試的方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司是一家以重慶網(wǎng)站建設(shè)公司、網(wǎng)頁(yè)設(shè)計(jì)、品牌設(shè)計(jì)、軟件運(yùn)維、成都網(wǎng)站營(yíng)銷、小程序App開(kāi)發(fā)等移動(dòng)開(kāi)發(fā)為一體互聯(lián)網(wǎng)公司。已累計(jì)為主動(dòng)防護(hù)網(wǎng)等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開(kāi)發(fā)服務(wù)。

在vscode中，點(diǎn)擊那個(gè)蜘蛛的按鈕

就能看出現(xiàn)debug的側(cè)欄，接下來(lái)添加配置

選擇環(huán)境

就能看到launch.json的文件了。

啟動(dòng)的時(shí)候，選擇相應(yīng)的配置，然后點(diǎn)擊指向右側(cè)的綠色三角

launch模式與attach模式

當(dāng)request為launch時(shí)，就是launch模式了，這是程序是從vscode這里啟動(dòng)的，如果是在調(diào)試那將一直處于調(diào)試的模式。而attach模式，是連接已經(jīng)啟動(dòng)的服務(wù)。比如你已經(jīng)在外面將項(xiàng)目啟動(dòng)，突然需要調(diào)試，不需要關(guān)掉已經(jīng)啟動(dòng)的項(xiàng)目再去vscode中重新啟動(dòng)，只要以attach的模式啟動(dòng)，vscode可以連接到已經(jīng)啟動(dòng)的服務(wù)。當(dāng)調(diào)試結(jié)束了，斷開(kāi)連接就好，明顯比launch更方便一點(diǎn)。

在debug中使用npm啟動(dòng)

很多時(shí)候我們將很長(zhǎng)的啟動(dòng)命令及配置寫在了package.json的scripts中，比如：

我們希望讓vscode使用npm的方式啟動(dòng)并調(diào)試，這就需要如下的配置：

在debug中使用nodemon啟動(dòng)

僅僅使用npm啟動(dòng)，雖然在dev命令中使用了nodemon，程序也可以正常的重啟，可重啟了之后，調(diào)試就斷開(kāi)了。所以需要讓vscode去使用nodemon啟動(dòng)項(xiàng)目。

注意這里的runtimeArgs，如果這些配置是寫在package.json中的話，就是這樣的

nodemon --inspect --exec babel-node --presets env ./bin/www

這樣就很方便了，項(xiàng)目可以正常的重啟，每次重啟一樣會(huì)開(kāi)啟調(diào)試功能。

可是，我們并不想時(shí)刻開(kāi)啟調(diào)試功能怎么辦？這就需要使用上面說(shuō)的attach模式了。

使用如下的命令正常的啟動(dòng)項(xiàng)目

nodemon --inspect --exec babel-node --presets env ./bin/www

當(dāng)我們想要調(diào)試的時(shí)候，在vscode的debug中運(yùn)行如下的配置

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享node.js在vscode里調(diào)試的方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!