Как дебажить typescript VScode?

от
prokoding.ru > TypeScript > Как дебажить typescript VScode?

Для дебага TypeScript в Visual Studio Code (VScode) следуйте этим шагам:

  1. Установите TypeScript: Убедитесь, что у вас установлена последняя версия TypeScript. Можно установить ее с помощью npm с помощью следующей команды: npm install -g typescript
  1. Создайте файл launch.json: В корневой папке вашего проекта откройте VScode и выберите в меню View -> Command Palette. В поисковой строке введите Tasks: Configure Task, и выберите Create tasks.json file from template. Выберите Node.js, чтобы создать файл launch.json.
  1. Настройте файл 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"].

  1. Настройте точки останова в коде: Откройте ваш TypeScript файл в VScode и установите точки останова там, где вы хотите приостановить выполнение программы при дебаге. Для этого нажмите на левый край строки кода, где вы хотите поставить точку останова.
  1. Запустите отладку: Нажмите F5 или выберите Debug -> Start Debugging в меню. Программа будет запущена в режиме дебага, и выполнение приостановится на точках останова, которые вы установили.

Всё, теперь вы можете отлаживать свой TypeScript код в VScode. Когда выполнение приостановлено на точке останова, вы можете использовать панель инструментов дебага для шага вперед, назад, пошаговой отладки и просмотра значений переменных.

Надеюсь, это помогло! Удачи в дебаге TypeScript в VScode!