TypeScript:
Einsatz eines Debuggers
Wie geht das:
Um mit einem Debugger in TypeScript durchzustarten, benötigen Sie lediglich eine unterstützte IDE (wie Visual Studio Code) und eine launch.json-Konfiguration. Hier ist ein schnelles Beispiel für eine Node.js-Anwendung:
// app.ts
function greet(name: string) {
console.log(`Hallo, ${name}!`);
}
const userName = 'Ada';
greet(userName);Um dies zu debuggen, erstellen Sie eine launch.json-Datei im Ordner .vscode:
{
"version": "0.2.0",
"Konfigurationen": [
{
"Typ": "node",
"Anforderung": "launch",
"Name": "Programm starten",
"ÜberspringeDateien": ["<node_internals>/**"],
"Programm": "${workspaceFolder}/app.ts",
"VorStartAufgabe": "tsc: build - tsconfig.json",
"Ausgabedateien": ["${workspaceFolder}/build/**/*.js"]
}
]
}Setzen Sie dann einen Haltepunkt in Ihrer greet-Funktion, indem Sie auf der linken Seite der Zeilennummer in Ihrer IDE klicken. Drücken Sie F5, um das Debugging zu starten, und beobachten Sie, wie Ihre App am Haltepunkt pausiert. Jetzt können Sie Variablen überfliegen, Ausdrücke überwachen und mit Leichtigkeit durch Ihren Code schreiten.
Tiefer eintauchen
In der Zeit, bevor integrierte Entwicklungsumgebungen (IDEs) ausgefeilt wurden, erfolgte das Debuggen oft mit Druckanweisungen (auch bekannt als console.log-Debugging). Es funktionierte, irgendwie, war aber wie die Suche nach einer Nadel im Heuhaufen mit verbundenen Augen.
Moderne Debugger sind wie ein Schweizer Taschenmesser für die Fehlersuche. Mit der Entwicklung von TypeScript und Node.js gibt es verschiedene Debugger, vom eingebauten Node.js-Inspektor bis hin zu Browser-Entwicklungstools für das Client-seitige Debugging.
Der Node.js-Inspektor funktioniert, indem er sich an Ihre laufende Anwendung anheftet; er kommuniziert über das Chrome DevTools-Protokoll und verwandelt Ihren Chrome-Browser in eine mächtige Debugging-Konsole. Diese Integration ermöglicht eine visuell interaktive und detaillierte Debugging-Sitzung im Vergleich zu traditionellen Debugging-Praktiken über die Befehlszeile.
Siehe auch
Für ein wenig zusätzliche Lektüre und einige Profi-Tipps, schauen Sie sich an: