Jak mogę debugować zadania Gulp przy użyciu narzędzi Node dla Visual Studio?

Question

Niedawno zainstalowałem NodeJS Tools for Visual Studio, która promuje obsługę środowisk Node w VS. Warto zauważyć, że ma możliwość ustawiania punktów przerwania debugowania z IDE.

Nie jest dla mnie jasne, czy można ustawić punkty przerwania podczas debugowania zadań Gulp. Task Runner ma możliwość wykrywania zadania Gulp i wyprowadzania instrukcji console.log do okna, ale nie znalazłem lepszego sposobu na debugowanie.

Znalazłem ten post od pewnego czasu: How can I debug gulpfile.js when running it with Visual Studio Task Runner Explorer? Jednak ten wpis nie dotyczy narzędzi NodeJS dla VS. Dlatego ponownie zadaję pytanie, aby wziąć pod uwagę tę wtyczkę.

Answer 1

Można. Kliknij projekt węzła prawym przyciskiem myszy, wybierz opcję Właściwości i skonfiguruj aplikację w następujący sposób (na obrazku, default to zadanie Gulp, które chcesz uruchomić).

metoda alternatywna:

1. w terminalu, w katalogu, w którym jest prowadzony gulpfile node --debug=44331 --debug-brk ../node_modules/gulp/bin/gulp.js default. W moim przypadku default jest nazwą zadania, które chcę uruchomić/debugować.
2. W Visual Studio przejdź do Debug | Attach to Process. Wybierz Node.js Remote debugging jako transport, a w kwalifikatorze wybierz localhost:44331. Naciśnij enter, a powinieneś zobaczyć proces Node pojawi się na liście. Kliknij Attach.

Voila, punkty przerwania są trafiony.

Kilka rzeczy zauważyć:

• Jeśli masz coś Unable to attach to process. Error 0x80004005 użyć innego portu. Nie mogłem go uruchomić z portem 5858.
• Może to nie działać po pierwszym dołączeniu do procesu (zobacz mój poprzedni zrzut ekranu, jak mam ECANCELED?). Spróbuj ponownie.