首頁 > 開發工具 > VSCode > 主體

vscode中如何斷點調試nodejs

青灯夜游
發布: 2021-06-02 19:45:44
轉載
2524 人瀏覽過

vscode中如何斷點調試nodejs

在平時前端開發時,前端程式碼在瀏覽器上能很方便的斷點調試,那麼如果要調試node後端接口的話,該如何實現斷點調試呢?

配置

vscode開啟node專案點選左側偵錯按鈕

vscode中如何斷點調試nodejs

點擊Run and Debug

vscode中如何斷點調試nodejs

選擇語言為nodejs

vscode中如何斷點調試nodejs

#點選設定按鈕新增設定

vscode中如何斷點調試nodejs

【推薦學習:《vscode教程》】

更改lanuch.json設定檔

vscode中如何斷點調試nodejs

新增自己的專案啟動腳本文件和設定

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "env": {
                "NODE_ENV": "development"
            },
            "program": "${workspaceFolder}/bin/www"
        }
    ]
}
//program这个是我自己的node项目的启动文件
登入後複製

再次點選斷點偵錯按鈕啟動斷點偵錯

vscode中如何斷點調試nodejs

#直接點選啟動程式啟動斷點偵錯

vscode中如何斷點調試nodejs

直接在程式碼左側需要斷點的位置打個斷點標記,執行方法是會自動出發斷點

vscode中如何斷點調試nodejs

然後經過上面的調試按鈕一步步斷點

vscode中如何斷點調試nodejs

滑鼠懸浮還可以看到斷點的資料

vscode中如何斷點調試nodejs

##當然也可在debug console控制台輸出斷點資料的結果相當於瀏覽器斷點是的console控制台

vscode中如何斷點調試nodejs

#如果要結束斷點直接點擊上面的暫停鍵

vscode中如何斷點調試nodejs

以上就是整個vscode斷點配置和斷點偵錯的教學

更多程式相關知識,請造訪:

程式設計入門! !

以上是vscode中如何斷點調試nodejs的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!