TypeScript
felsökning
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 .
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:
Starta felsökaren med den här konfigurationen: