一、調試
項目根目錄下新建.vscode文件夾,同時該文件夾下新建launch.json文件
launch.json
{ // 使用 IntelliSense 了解相關屬性。 // 懸停以查看現有屬性的描述。 // 欲了解更多信息,請訪問: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Launch Program", "program": "${workspaceFolder}/app.js" } ] }
其實點擊添加配置的時候,選擇“啟動程序”會自動生成
注意:
1、需要在項目根目錄下,不然點擊啟動調試的時候識別不出來該項目中有這個調試任務
2、program啟動程序配置項,${workspaceFolder}為當前工作面板下,注意該項目最好是根目錄直接在vscode的工作面板中作為一個項目,而不是一個嵌套在一個項目下的子項目。
3、${workspaceFolder}/app.js中app.js是這個項目下app目錄下的app.js文件作為啟動文件。這個文件如果配置不對,會出現調試工具欄啟動成功后一閃而過便消失,例如像測試接口的時候怎么調用接口都進入不了調試。
(1)如何正確的找到配置啟動文件:去jsonpack.json文件中main字段中找。
例如我的項目中main字段:"main": "app.js",所以我們的launch.json中就應該配置成"program": "${workspaceFolder}/app.js"。
一般express創建的項目啟動文件都是項目跟目錄下app.js,我們就要配置成"program": "${workspaceFolder}/app.js"。
(2)配置成功后,調試狀態欄就會一直固定在vscode界面的頂部,哪怕沒有接口調試的訪問,也會一直在。
(4)注意調試模式下需要把正式的啟動后端的cmd關閉,不然會出現已經啟動了一個端口,端口沖突。
正確啟動調試工具的情況如圖
給代碼加斷點,並通過postman訪問接口時調試成功有反應的截圖
二、解決提示“調試適配器進程意外終止 (read error)”的問題
當我按下F5的時候,這個ide告訴我“調試適配器進程已意外終止”,無法調試,斷點就失去了作用,這讓我十分煩惱。有時候調試去控制台打印也比較麻煩。所以需要解決這個問題。
嘗試了N多次重裝VSCode和相關插件,但只要是同一台機器無論怎么重裝都無濟於事。
也嘗試了N多次刪除launch.json或.vscode目錄后啟動Node程序,但無論怎么刪除都無濟於事。
還嘗試了百度、Bing、Gxxgle,或者無數遍查看了VSCode在github上的issue列表,看着其他人說“Fixed in version XX.XX, thanks.:)”,但自己的VSCode無論怎么更新都無法解決。
這里提供一個可能有效的解決辦法。刪除如下的目錄:
C:\Users\Administrator\.vscode\extensions
最后解決,太奇幻了,這個解決辦法對我有效,希望對您也有效。