TypeScript
Le débogage
Recherche…
Introduction
Il existe deux manières d’exécuter et de déboguer TypeScript:
Transpile en JavaScript , exécute dans le noeud et utilise les mappages pour créer un lien vers les fichiers source TypeScript
ou
Exécuter directement TypeScript en utilisant ts-node
Cet article décrit les deux façons d'utiliser Visual Studio Code et WebStorm . Tous les exemples supposent que votre fichier principal est index.ts .
JavaScript avec SourceMaps dans le code Visual Studio
Dans l'ensemble tsconfig.json
"sourceMap": true,
générer des mappages avec js-files à partir des sources TypeScript à l'aide de la commande tsc .
Le fichier launch.json :
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceRoot}\\index.js",
"cwd": "${workspaceRoot}",
"outFiles": [],
"sourceMaps": true
}
]
}
Cela démarre le noeud avec le fichier index.js généré (si votre fichier principal est index.ts) et le débogueur dans Visual Studio Code qui s'arrête sur les points d'arrêt et résout les valeurs de variables dans votre code TypeScript.
JavaScript avec SourceMaps dans WebStorm
Créez une configuration de débogage Node.js et utilisez index.js comme paramètre Node .
TypeScript avec ts-node dans Visual Studio Code
Ajoutez ts-node à votre projet TypeScript:
npm i ts-node
Ajoutez un script à votre package.json :
"start:debug": "ts-node --inspect=5858 --debug-brk --ignore false index.ts"
Le launch.json doit être configuré pour utiliser le type node2 et démarrer npm en exécutant le script start:debug :
{
"version": "0.2.0",
"configurations": [
{
"type": "node2",
"request": "launch",
"name": "Launch Program",
"runtimeExecutable": "npm",
"windows": {
"runtimeExecutable": "npm.cmd"
},
"runtimeArgs": [
"run-script",
"start:debug"
],
"cwd": "${workspaceRoot}/server",
"outFiles": [],
"port": 5858,
"sourceMaps": true
}
]
}
TypeScript avec ts-node dans WebStorm
Ajoutez ce script à votre package.json :
"start:idea": "ts-node %NODE_DEBUG_OPTION% --ignore false index.ts",
Faites un clic droit sur le script et sélectionnez Create 'test: idea' ... et confirmez avec 'OK' pour créer la configuration de débogage:
Démarrez le débogueur en utilisant cette configuration:
