TypeScript
отладка
Поиск…
Вступление
Существует два способа запуска и отладки TypeScript:
Перейдите на JavaScript , запустите в узле и используйте сопоставления для ссылки на исходные файлы TypeScript
или же
Запустите TypeScript напрямую с помощью ts-узла
В этой статье описываются оба способа использования кода Visual Studio и WebStorm . Все примеры предполагают, что ваш основной файл - index.ts .
JavaScript с SourceMaps в коде Visual Studio
В наборе tsconfig.json
"sourceMap": true,
для создания сопоставлений вместе с js-файлами из источников TypeScript с использованием команды tsc
.
Файл launch.json :
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceRoot}\\index.js",
"cwd": "${workspaceRoot}",
"outFiles": [],
"sourceMaps": true
}
]
}
Это запускает узел сгенерированным файлом index.js (если ваш основной файл является index.ts) и отладчиком в коде Visual Studio, который останавливается на контрольных точках и разрешает значения переменных в вашем коде типа TypeScript.
JavaScript с SourceMaps в WebStorm
Создайте конфигурацию отладки Node.js и используйте index.js
качестве параметров узла .
ТипScript с ts-узлом в коде Visual Studio
Добавьте ts-node в ваш проект TypeScript:
npm i ts-node
Добавьте скрипт к вашему package.json
:
"start:debug": "ts-node --inspect=5858 --debug-brk --ignore false index.ts"
Для launch.json
необходимо использовать тип node2 и запустить npm с start:debug
сценария start:debug
:
{
"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
}
]
}
ТипScript с ts-узлом в WebStorm
Добавьте этот скрипт в свой package.json
:
"start:idea": "ts-node %NODE_DEBUG_OPTION% --ignore false index.ts",
Щелкните правой кнопкой мыши по сценарию и выберите « Создать тест: идея» ... и подтвердите с помощью «ОК», чтобы создать конфигурацию отладки:
Запустите отладчик, используя эту конфигурацию: