詳解vscode中對Node.js進行debug調試的方法

本篇文章給大家介紹一下vscode中對node.js進行debug調試的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。

詳解vscode中對Node.js進行debug調試的方法

推薦學習:《node.js》、《node.js

vscode中對Node.js進行debug

1、先記住哪個是啟動文件

詳解vscode中對Node.js進行debug調試的方法

2、點擊這個再點擊這個

詳解vscode中對Node.js進行debug調試的方法

3、點擊這個

詳解vscode中對Node.js進行debug調試的方法

4、點擊這個

詳解vscode中對Node.js進行debug調試的方法

5、vscode會自動幫你創建出launch.json的debug配置文件

其中四個屬性是最重要的, type, request, name 和 program
type是語言的類型, 如PHP, Java, Node.js等

request是debug的類型, vscode中有兩種debug類型, launch 和 attach, 我們只需要知道launch這種類型就夠了

name是配置名, 用于區分不同的配置

program是啟動文件, 我們的啟動文件在${workspaceFolder}/bin/www.js下, 所以要改

詳解vscode中對Node.js進行debug調試的方法

6、改成這個

詳解vscode中對Node.js進行debug調試的方法

7、該斷點的斷點

詳解vscode中對Node.js進行debug調試的方法

8、點擊這個, 開始debug

詳解vscode中對Node.js進行debug調試的方法

9、左邊是變量, 右邊是debug控制器, 下面是輸出和調試控制臺

debug控制器: 第一個是繼續執行, 直到下一個斷點. 第二個是單步跳過, 即繼續執行下一行代碼(不跳入函數). 第三個是單步調試, 即跳入函數并執行函數的第一行代碼. 第四個是單步跳出, 即執行完該函數剩余的部分并跳出該函數.

調試控制器的底行可以console.log()或直接輸入變量名的命令來查看屬性, 也可執行代碼, 如給變量賦值

詳解vscode中對Node.js進行debug調試的方法

更多編程相關知識,請訪問:node.js!!

以上就是詳解

? 版權聲明
THE END
喜歡就支持一下吧
點贊5 分享