node.js在vscode里調(diào)試的方法

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

在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é)束了，斷開連接就好，明顯比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)試就斷開了。所以需要讓vscode去使用nodemon啟動(dòng)項(xiàng)目。

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

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

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

可是，我們并不想時(shí)刻開啟調(diào)試功能怎么辦？這就需要使用上面說的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í)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!