Как отлаживать проект nodemon в VSCode

Измените package.json на

"scripts": {
    "dev": "node app.js",
    "debug": "nodemon --inspect app.js"
}

--inspect предназначен для версий> = 6.3. --legacy или --auto для более старых версий

И launch.json в:

"version": "0.2.0",
"configurations": [
    {
        "type": "node",
        "request": "attach",
        "name": "Node: Nodemon",
        "processId": "${command:PickProcess}",
        "restart": true,
        "protocol": "inspector"
    }
]

флаг перезапуска здесь является ключевым.

Запустить приложение через новый скрипт отладки

npm запустить отладку

• В режиме отладки выберите конфигурацию Узел: Nodemon и нажмите воспроизведение или F5.
• Выберите процесс, начатый выше

Подробнее: vscode nodemon рецепт

В конфигурации vscode вы можете установить runtimeExecutable, который будет запускать указанную вами программу. установите restart:true, чтобы отладчик кода vs мог перезапустить процесс.

Это пример конфигурации:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node", 
            "request": "launch",
            "name": "nodemon",
            "runtimeExecutable": "nodemon",
            "program": "${workspaceFolder}/bin/www",
            "restart": true,
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen",
            "env": {
                "debug": "app:*",
            }
        }
    ]
}

Обновите program до файла узла, который нужно отлаживать.

Это проще, чем прикрепить отладчик к работающему процессу узла.

nodemon прослушивает изменения файлов и перезапускает приложение в другом процессе

Итак, ваша конфигурация верна, но отладчик никогда не «видит» точки останова.

Нет смысла запускать режим отладки с nodemon.

Это функция, которую вы можете запросить в VScode (автоматический перезапуск при изменении кода)

Я столкнулся с аналогичной проблемой, связанной с процессом Dockerized nodemon. Я нашел решение в этой статье. Мне удалось заставить его работать, изменив три вещи:

1. Добавлен --inspect=0.0.0.0 в сценарий npm, запустивший службу (в моем случае с именем debug):

  "scripts": {
    "debug": "nodemon -w lib -w server.js --inspect=0.0.0.0 server.js"
  }

2. Убедитесь, что порт 9229 (или любой другой порт отладки, который вы хотите использовать) открыт в контейнере Docker. Я использую docker-compose, поэтому он определен в связанном yaml:

ports:
  - "8080:8080"
  - "9229:9229"

3. Добавление следующей конфигурации в launch.json в VS Code:

    "configurations": [
        {
            "name": "Attach to Node in Docker",
            "type": "node",
            "address": "localhost",
            "port": 9229,
            "request": "attach",
            "restart": true
        }
    ]

Параметр "restart": true позволяет отладчику автоматически повторно подключаться, когда nodemon перекомпилирует вещи после изменения наблюдаемого файла.

Вы можете запустить и подключить nodemon с помощью F5, однако для этого потребуется немного больше настроек.

Нам нужно будет сначала предварительно запустить nodemon через задачу VS Code, а затем подключиться.

Я использую удаленный отладчик для подключения, поскольку он не требует дополнительных щелчков мыши для выбора процесса для подключения, а средство выбора процесса VS Code в настоящее время сломан в WSL2, которая является моей основной средой разработки.

tasks.json (из этого ответа):

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "npm dev",
      "type": "npm",
      "script": "dev",
      "isBackground": true,

      // This task is run before some debug tasks.
      // Problem is, it's a watch script, and since it never exits, VSCode
      // complains. All this is needed so VSCode just lets it run.
      "problemMatcher": [
        {
          "pattern": [
            {
              "regexp": ".",
              "file": 1,
              "location": 2,
              "message": 3
            }
          ],
          "background": {
            "activeOnStart": true,
            "beginsPattern": ".",
            "endsPattern": "."
          }
        }
      ]
    }
  ]
}

launch.json:

{
  "type": "node",
  "request": "attach",
  "name": "Launch & Attach",
  "restart": true,
  "localRoot": "${workspaceRoot}",
  "remoteRoot": "${workspaceRoot}",
  "preLaunchTask": "npm dev"
}

И в скрипте npm dev (для узла> = 6.9):

nodemon --watch src -e js --exec node --inspect .

Обратите внимание: этот подход не сработает, если ваш процесс запускается более 10 секунд. В этом случае вам нужно будет выяснить, как сигнализировать VS Code, когда задача предварительного запуска завершена. Вероятно, этого можно достичь, поиграв с регулярным выражением beginPattern / endPattern, хотя я этого не пробовал.

Как предлагает @the Geek,

1. Вам следует изменить launch.json следующим образом:

   {
       "version": "0.2.0",
       "configurations": 
     [    
       {
           "type": "node",
           "request": "attach",
           "name": "Attach by Process ID",
           "processId": "${command:PickProcess}"
       }
     ]
   }
   

2. Запустите сервер «npm run dev» (как вы можете видеть, в свойстве «request» мы установили подключение. Таким образом, мы должны сначала запустить сервер, а затем подключить отладчик).

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

4. Щелкните значок воспроизведения, и полоса внизу vscode должна стать темно-оранжевой. Теперь попробуйте сделать запрос. Точки останова будут попадать правильно!