Отладка и перезапуск при изменении машинописного кода vscode

Интересно, почему так много WTF комментируют этот совершенно естественный вопрос. Вот как я это сделал:

Нам нужен nodemon, чтобы перезапускать наше приложение при внесении изменений, нам нужен ts-node / register для запуска нашего typescrypt, и нам нужно настроить скрипт запуска vscode для повторного подключения отладчика после того, как приложение будет перекомпилирован. Итак, установите nodemon, ts-node и добавьте этот скрипт в package.json:

"watch:debug": "nodemon --inspect=5858 -e ts,tsx --exec node -r ts-node/register ./src/index.ts"

Затем в launch.json добавьте конфигурацию:

{
  "name": "Attach to Process",
  "type": "node",
  "request": "attach",
  "restart": true,
  "port": 5858,
  "outFiles": [],
  "sourceMaps": true
},

Вот и все, теперь я могу запустить свое приложение с помощью yarn watch: debug и подключить отладчик. Если у вас все еще возникают проблемы, посетите мой репозиторий Github здесь.

Без использования ts-node вы можете перезапустить при изменении с этой конфигурацией

task.json

Эта задача просматривает файлы ts и компилирует их при сохранении

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "typescript",
            "type": "typescript",
            "tsconfig": "tsconfig.json",
            "problemMatcher": ["$tsc-watch"],
            "option": "watch"
        }
    ]
}

затем в launch.json,

nodemon перезагружается при изменении (в моем случае встроенные файлы находятся в каталоге dist)

       {
            "type": "node",
            "request": "launch",
            "runtimeExecutable": "nodemon",
            "args": ["--watch", "dist"],
            "name": "Debug TypeScript in Node.js",
            "preLaunchTask": "typescript",
            "program": "${workspaceFolder}/start.js",
            "cwd": "${workspaceFolder}",
            "protocol": "inspector",
            "outFiles": ["${workspaceFolder}/dist/**/*.js"],
            "restart": true
        }

вам обязательно стоит проверить ts-node-dev, который IMHO быстрее, чем nodemon в терминах наблюдения за компиляцией, потому что он разделяет процесс компиляции Typescript между перезапусками. Ниже приведен пример конфигурации vscode launch.json, позволяющий установить точку останова (отладка), а также перезагрузить при изменении.

{
  "version": "1.0.0",
  "configurations": [
    {
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen",
      "name": "Local Server",
      "restart": true,
      "request": "launch",
      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/ts-node-dev",
      "skipFiles": [ "<node_internals>/**" ],
      "type": "node",
      "runtimeArgs": [ "--respawn" ],
      "args": [ "${workspaceFolder}/src/script/local.server.ts" ]
    }
  ]
}

Теперь вы можете нажать F5 или использовать панель отладки, чтобы начать отладку / перезагрузку в реальном времени.

Я собрал для этого небольшую библиотеку, если вы разрабатываете с aws lambda

https://github.com/vcfvct/ts-lambda-local-dev

Непонятно, о чем именно вы спрашиваете, но это может быть полезно. Попробуйте добавить эти конфигурации в свой

{
 "name": "Current TS File",
 "type": "node",
 "request": "launch",
 "args": ["${relativeFile}"],
 "runtimeArgs": ["--nolazy", "-r", "ts-node/register"],
 "sourceMaps": true,
 "cwd": "${workspaceRoot}",
 "protocol": "inspector",
}

Эта конфигурация:

• Устанавливает задачу узла, которая запускает текущий открытый файл в VS Code (переменная $ {relativeFile} содержит текущий открытый файл)
• Передает аргумент --nolazy для узла, который сообщает v8 о необходимости скомпилировать ваш код заранее, чтобы точки останова работали правильно.
• Передает -r ts-node / register для узла, который гарантирует, что ts-node загружается, прежде чем он попытается выполнить ваш код
• Устанавливает рабочий каталог в корень проекта - $ {workspaceRoot}
• Устанавливает протокол отладки узла в режим V8 Inspector.

Я сомневаюсь, что тебе не хватает

 "runtimeArgs": ["--nolazy"]

В тебе запускаете конфигурацию.

Этот мне подходит. Я использую Typescript и Node вместе.

Это мой launch.json

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceFolder}/src/index.ts",
            "preLaunchTask": {
                "type": "typescript",
                "tsconfig": "tsconfig.json",
                "option": "watch",
                "problemMatcher": [
                    "$tsc-watch"
                ],
                "group": "build"
            },
            "outFiles": [
                "${workspaceFolder}/lib/**/*.js"
            ],
            "runtimeExecutable": "nodemon",
            "restart": true,
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen"
        }
    ]
}