Для дебага TypeScript в Visual Studio Code (VScode) следуйте этим шагам:
1. Установите TypeScript: Убедитесь, что у вас установлена последняя версия TypeScript. Можно установить ее с помощью npm с помощью следующей команды: npm install -g typescript
2. Создайте файл launch.json: В корневой папке вашего проекта откройте VScode и выберите в меню View -> Command Palette. В поисковой строке введите Tasks: Configure Task, и выберите Create tasks.json file from template. Выберите Node.js, чтобы создать файл launch.json.
3. Настройте файл launch.json: Откройте launch.json и настройте его для дебага TypeScript. Вот пример файла launch.json для дебага Node.js:
{
// Use IntelliSense to learn about possible Node.js debug attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "2.0.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Debug TypeScript",
"skipFiles": ["<node_internals>/**"],
"program": "${workspaceFolder}/path/to/your/typescript/file.ts",
"outFiles": ["${workspaceFolder}/path/to/your/compiled/javascript/file.js"]
}
]
}
Важно: Замените path/to/your/typescript/file.ts на путь к вашему TypeScript файлу, который вы хотите отладить, и path/to/your/compiled/javascript/file.js на путь, куда компилируется ваш TypeScript файл. Если используется стандартный путь компиляции, вы можете использовать "outFiles": ["${workspaceFolder}/**/*.js"].
4. Настройте точки останова в коде: Откройте ваш TypeScript файл в VScode и установите точки останова там, где вы хотите приостановить выполнение программы при дебаге. Для этого нажмите на левый край строки кода, где вы хотите поставить точку останова.
5. Запустите отладку: Нажмите F5 или выберите Debug -> Start Debugging в меню. Программа будет запущена в режиме дебага, и выполнение приостановится на точках останова, которые вы установили.
Всё, теперь вы можете отлаживать свой TypeScript код в VScode. Когда выполнение приостановлено на точке останова, вы можете использовать панель инструментов дебага для шага вперед, назад, пошаговой отладки и просмотра значений переменных.
Надеюсь, это помогло! Удачи в дебаге TypeScript в VScode!