TypeScript
Depuración
Buscar..
Introducción
Hay dos formas de ejecutar y depurar TypeScript:
Transpile a JavaScript , ejecútelo en un nodo y use mapeos para enlazar de nuevo a los archivos de origen de TypeScript
o
Ejecute TypeScript directamente usando ts-node
Este artículo describe las dos formas de usar Visual Studio Code y WebStorm . Todos los ejemplos suponen que su archivo principal es index.ts .
JavaScript con SourceMaps en Visual Studio Code
En el conjunto tsconfig.json
"sourceMap": true,
para generar asignaciones junto con archivos js desde las fuentes de TypeScript usando el comando tsc
.
El archivo launch.json :
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceRoot}\\index.js",
"cwd": "${workspaceRoot}",
"outFiles": [],
"sourceMaps": true
}
]
}
Esto inicia el nodo con el archivo index.js generado (si su archivo principal es index.ts) y el depurador en el código de Visual Studio que se detiene en los puntos de interrupción y resuelve los valores de las variables dentro del código de TypeScript.
JavaScript con SourceMaps en WebStorm
Cree una configuración de depuración de Node.js y use index.js
como parámetros de Node .
TypeScript con ts-node en Visual Studio Code
Agregue ts-node a su proyecto de TypeScript:
npm i ts-node
Agrega un script a tu package.json
:
"start:debug": "ts-node --inspect=5858 --debug-brk --ignore false index.ts"
El launch.json
necesita ser configurado para utilizar el tipo de nodo 2 y empezar NPM ejecutar el start:debug
de script:
{
"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 con ts-node en WebStorm
Agregue este script a su package.json
:
"start:idea": "ts-node %NODE_DEBUG_OPTION% --ignore false index.ts",
Haga clic derecho en el script y seleccione Crear 'prueba: idea' ... y confirme con 'Aceptar' para crear la configuración de depuración:
Inicie el depurador usando esta configuración: