Heim > Web-Frontend > js-Tutorial > Einführung in verschiedene Methoden zum Debuggen von Node.js

Einführung in verschiedene Methoden zum Debuggen von Node.js

青灯夜游
Freigeben: 2020-11-24 18:01:04
nach vorne
3206 Leute haben es durchsucht

Einführung in verschiedene Methoden zum Debuggen von Node.js

Verwandte Empfehlungen: „nodejs Tutorial

Debugging ist ein wesentliches Tool zur Lösung von Programmproblemen. Es gibt auch viele Toolkits in der Community, die helfen Der Knoten ist relativ einfach. Es gibt mehrere häufig verwendete

Chrome DevTools

Chrome-Entwicklertools interagieren über das V8 Inspector Protoco-Debugging-Protokoll. Sie verwenden Websocket für die Interaktion mit Entwicklungstools und bieten eine grafische Debugging-Schnittstelle. Die Bedienung ist sehr einfach

#1 Befehlszeile – inspect-brk

Verwenden Sie die Befehlszeile node --inspect-brk YOUR_FILE_PATH.js

node --inspect-brk YOUR_FILE_PATH.js 

#2 浏览器 inspect 界面

使用 Chrome 打开地址 chrome://inspect ,点击 Remote Target 中调试的文件名 "inspect" 按钮

#3 进入 Chrome 调试界面

--inspect-brk 会让用户代码第一行执行前停住,防止没来及 debug 代码就执行结束了,Web 服务脚本会一直在后台运行,使用 --inspect 即可

VS Code

上面的操作步骤还是稍微有些麻烦,大部分 IDE 都给封装了调试界面,可以真正做到一键调试,VS Code 几乎是前端的事实标准 IDE,简单介绍一下其调试方法

#1 点击调试按钮

#2 创建 launch.json

第一次调试需要创建一个 launch.json 文件,点击后会生成默认值

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": [
        "<node_internals>/**"
      ],
      "program": "${file}"
    }
  ]
}
Nach dem Login kopieren

一般需要修改的就是 program ,通过 program 指定调试文件

  1. ${file} 调试当前文件
  2. ${workspaceFolder}\index.js

    #2 Browser-Inspect-Schnittstelle

  3. Verwenden Sie Chrome, um Öffnen Sie die Adresse chrome ://inspect und klicken Sie auf die Schaltfläche „Inspizieren“ des debuggten Dateinamens in Remote Target

#3 Chrome-Debugging-Schnittstelle aufrufen

--inspect-brk wird gestoppt die erste Zeile des Benutzercodes vor der Ausführung, um zu verhindern, dass die Ausführung des Codes vor dem Debuggen endet. Verwenden Sie einfach --inspect VS Code

Die oben genannten Schritte sind immer noch etwas kompliziert. Die meisten IDEs verfügen über gekapselte Debugging-Schnittstellen, die das Debuggen mit nur einem Klick ermöglichen. Lassen Sie mich dies kurz vorstellen seine Debugging-Methode

#1 Klicken Sie auf die Debug-Schaltfläche

#2 launch.json erstellen🎜🎜Beim ersten Debuggen müssen Sie dies tun Erstellen Sie eine launch.json-Datei. Nach dem Klicken wird der Standardwert generiert Programm 🎜
  1. ${file} zum Debuggen der aktuellen Datei 🎜
  2. ${ workspaceFolder}\index.js Debuggen der 🎜index.js🎜 Eintragsdatei im Projektverzeichnis🎜🎜🎜#3 Klicken Sie auf „Programm starten“🎜🎜🎜🎜🎜🎜Weitere Informationen zu spezifischen Vorgängen und Konfigurationen finden Sie unter https://code.visualstudio.com/docs/nodejs/nodejs-debugging🎜🎜🎜 Für weitere Programmierkenntnisse besuchen Sie bitte: 🎜Programmiervideokurs🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonEinführung in verschiedene Methoden zum Debuggen von Node.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage