Как я могу отлаживать задачи Gulp с помощью Node Tools для Visual Studio?

Question

Недавно я установил NodeJS Tools для Visual Studio, который рекламирует поддержку сред Node в VS. Примечательно, что он имеет возможность устанавливать точки останова отладки из IDE.

Мне неясно, можно ли устанавливать точки останова при отладке задач Gulp. Task Runner имеет возможность обнаружить задачу Gulp и вывод console.log заявления к окну, но я не нашел лучшего способа отладки.

Я нашел это сообщение некоторое время назад: как я могу отладить gulpfile.js при запуске его в Visual Studio Task Runner Explorer? Тем не менее, этот пост не включает в себя NodeJS Tools for VS. Итак, я снова задаю вопрос, чтобы принять этот плагин во внимание.

Answer 1

Вы можете. Щелкните правой кнопкой мыши проект Node, выберите " Свойства" и настройте приложение следующим образом (на рисунке default это задание Gulp, которое вы хотите запустить).

Альтернативный метод:

1. В терминале и в каталоге, где находится gulpfile, запустите node --debug=44331 --debug-brk ../node_modules/gulp/bin/gulp.js default, В моем случае, default это имя задачи, которую я хочу запустить / отладить.
2. В Visual Studio перейдите в Debug | Attach to Process, Выбрать Node.js Remote debugging в качестве транспорта и в классификаторе выберите localhost:44331, Нажмите enter, и вы увидите, что процесс Node появится в списке. Нажмите Attach,

Вуаля, точки останова сбиты.

Несколько вещей, чтобы заметить:

• Если вы получите что-то вроде Unable to attach to process. Error 0x80004005 используйте другой порт. Я не мог заставить его работать с портом 5858.
• Это может не сработать при первом подключении к процессу (см. Мой предыдущий скриншот, как я получил ECANCELED?). Попробуйте снова.