Поиск…


Вступление

Существует два способа запуска и отладки 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",

Щелкните правой кнопкой мыши по сценарию и выберите « Создать тест: идея» ... и подтвердите с помощью «ОК», чтобы создать конфигурацию отладки:

введите описание изображения здесь

Запустите отладчик, используя эту конфигурацию:

введите описание изображения здесь



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow