Sök…


Introduktion

Det finns två sätt att köra och felsöka TypeScript:

Transpilera till JavaScript , kör i nod och använd mappningar för att länka tillbaka till TypeScript-källfilerna

eller

Kör TypeScript direkt med ts-nod

Den här artikeln beskriver båda sätten med Visual Studio Code och WebStorm . Alla exempel antar att din huvudfil är index.ts .

JavaScript med SourceMaps i Visual Studio Code

I tsconfig.json uppsättningen

"sourceMap": true,

för att generera mappningar tillsammans med js-filer från TypeScript-källorna med hjälp av tsc kommandot.
Starten.json- filen:

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

Detta startar noden med den genererade index.js-filen (om din huvudfil är index.ts) -filen och felsökaren i Visual Studio-kod som stoppar på brytpunkter och löser variabla värden i din TypeScript-kod.

JavaScript med SourceMaps i WebStorm

Skapa en Node.js- felsökningskonfiguration och använd index.js som Node-parametrar .

ange bildbeskrivning här

TypeScript med ts-nod i Visual Studio Code

Lägg till ts-nod i ditt TypeScript-projekt:

npm i ts-node

Lägg till ett skript till ditt package.json :

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

launch.json måste konfigureras för att använda typen node2 och starta npm med start:debug skript:

{
    "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 med ts-nod i WebStorm

Lägg till detta skript till ditt package.json :

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

Högerklicka på skriptet och välj Skapa 'test: idé' ... och bekräfta med 'OK' för att skapa felsökningskonfigurationen:

ange bildbeskrivning här

Starta felsökaren med den här konfigurationen:

ange bildbeskrivning här



Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow