TypeScript:
Korzystanie z debugera
Jak korzystać:
Aby zacząć pracę z debuggerem w TypeScript, wszystko, czego potrzebujesz to obsługiwane IDE (takie jak Visual Studio Code) i konfiguracja launch.json. Oto szybki przykład dla aplikacji Node.js:
// app.ts
function greet(name: string) {
console.log(`Cześć, ${name}!`);
}
const userName = 'Ada';
greet(userName);Aby zdebugować to, utwórz plik launch.json w folderze .vscode:
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Uruchom program",
"skipFiles": ["<node_internals>/**"],
"program": "${workspaceFolder}/app.ts",
"preLaunchTask": "tsc: build - tsconfig.json",
"outFiles": ["${workspaceFolder}/build/**/*.js"]
}
]
}Następnie, ustaw punkt przerwania (breakpoint) w funkcji greet, klikając po lewej stronie numeru linii w swoim IDE. Naciśnij F5, aby rozpocząć debugowanie, i obserwuj, jak aplikacja zatrzymuje się na punkcie przerwania. Teraz możesz najechać kursorem na zmienne, obserwować wyrażenia i krokowo przechodzić przez kod z łatwością.
Głębsze zanurzenie
Kiedyś, zanim zintegrowane środowiska programistyczne (IDE) stały się zaawansowane, debugowanie często odbywało się za pomocą wypisów (tzw. debugowanie za pomocą console.log). To działało, jako tako, ale było jak szukanie igły w stogu siana na ślepo.
Nowoczesne debuggery to jak scyzoryk szwajcarski do rozwiązywania problemów. Wraz z ewolucją TypeScript i Node.js, dostępnych jest wiele debuggerów, od wbudowanego inspektora Node.js po narzędzia deweloperskie przeglądarek dla debugowania kodu po stronie klienta.
Inspektor Node.js działa poprzez dołączenie do uruchomionej aplikacji; komunikuje się za pomocą protokołu Chrome DevTools, przekształcając przeglądarkę Chrome w potężną konsolę debugowania. Ta integracja umożliwia wizualnie interaktywną i szczegółową sesję debugowania, w porównaniu do tradycyjnych praktyk debugowania z linii poleceń.
Zobacz również
Dla małego dodatkowego czytania i kilku profesjonalnych wskazówek, sprawdź: