Zoeken…


Invoering

Er zijn twee manieren om TypeScript uit te voeren en te debuggen:

Transpile naar JavaScript , uitvoeren in knooppunt en gebruik toewijzingen om terug te linken naar de TypeScript-bronbestanden

of

Voer TypeScript rechtstreeks uit met behulp van ts-node

Dit artikel beschrijft beide manieren om Visual Studio Code en WebStorm te gebruiken . Alle voorbeelden veronderstellen dat uw hoofdbestand index.ts is .

JavaScript met SourceMaps in Visual Studio Code

In de set tsconfig.json

"sourceMap": true,

om toewijzingen samen met js-bestanden te genereren uit de TypeScript-bronnen met behulp van de opdracht tsc .
Het bestand launch.json :

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceRoot}\\index.js",
            "cwd": "${workspaceRoot}",
            "outFiles": [],
            "sourceMaps": true
        }
    ]
}

Dit begint het knooppunt met het gegenereerde bestand index.js (als uw hoofdbestand index.ts is) en de debugger in Visual Studio Code die op breekpunten stopt en variabele waarden in uw TypeScript-code oplost.

JavaScript met SourceMaps in WebStorm

Maak een foutopsporingsconfiguratie van Node.js en gebruik index.js als Node-parameters .

voer hier de afbeeldingsbeschrijving in

TypeScript met ts-node in Visual Studio Code

Voeg ts-node toe aan uw TypeScript-project:

npm i ts-node

Voeg een script toe aan uw package.json :

"start:debug": "ts-node --inspect=5858 --debug-brk --ignore false index.ts"

De launch.json moet worden geconfigureerd om het type node2 te gebruiken en start npm met het start:debug 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 met ts-node in WebStorm

Voeg dit script toe aan uw package.json :

"start:idea": "ts-node %NODE_DEBUG_OPTION% --ignore false index.ts",

Klik met de rechtermuisknop op het script en selecteer 'test: idee' maken ... en bevestig met 'OK' om de foutopsporingsconfiguratie te maken:

voer hier de afbeeldingsbeschrijving in

Start de debugger met deze configuratie:

voer hier de afbeeldingsbeschrijving in



Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow