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 .

introduzca la descripción de la imagen aquí

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:

introduzca la descripción de la imagen aquí

Inicie el depurador usando esta configuración:

introduzca la descripción de la imagen aquí



Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow