Debugging-Knoten js in Webstorm beim Ausführen von Schluck

Question

Ich bin ziemlich neu, aber ich habe wirklich mein Bestes versucht nach Antworten gesucht.

Ich habe Yeoman verwendet, um eine Anwendung zu generieren. (verwendet 'angular fullstack' - https://github.com/angular-fullstack/generator-angular-fullstack)

Es hat eine gulpfile.babel.js Konfigurationsdatei, die nodemon ausführt.

Was ich versuche zu tun ist, um den Schluck dienen knotemon-Instanz, um die Webstorm Breakpoints zu treffen, die ich habe.

Was ich bisher versucht habe:

- Regelmäßige Debuggen. (trivial ..) Aber es scheint, Knoten sendet Exzpektionen, wenn er ECMA6-Syntax erfüllen. (Still .. Ich laufe lieber die großen Schluck Beispiel, als es von WebStorm laufen.)

- Mit --debug

- 'remote debug' in WebStorm verwenden.

- Knoten Inspektoren in schluck Aufgabe einrichten und stellt ihn 5353

zu hören - Verwendung auf Port 5353 --debug-brk und debug (zum Beispiel)

Ich konnte es wirklich schätzen, wenn jemand könnte mir helfen. Dieser Typ hier sagt Webstorm kann nicht mit diesem Fall umgehen, aber es ist seltsam, Sie können Remote-Server debuggen, aber Sie können nicht gulp knotemon Server-Instanz debuggen? Debugging node app in WebStorm when run from gulp

Answer 1

Angenommen, Sie verwenden Node.js. Es bietet Knoteninspektor, um die serverseitigen Dateien auf dem Chrome-Browser selbst zu debuggen, mit ähnlicher Erfahrung wie beim Debuggen von Browsern.

Hier ist die reference link to set up the node inspector.

Im Folgenden werden die Schritte Knoten Inspektor einzustellen.

1) Installieren Knoten Inspektor mit dem Befehl

npm install -g node-inspector 

2) Knoten Inspektor starten Sie können aus einem beliebigen Verzeichnis

node-inspector 

Als Ergebnis starten, erhalten Sie eine url zu Debug im Browser

3) Starten Sie den Knotenserver im Debug-Modus

neu

Änderung

cd /path/to/your/project/directory/nodejs/server 
node --debug server 

4) das Verzeichnis auf dem Server-Ordner Ihres Projekts, wenn der Server im Debug-Modus erfolgreich gestartet wird, kopieren Sie die URL in obigen Ergebnis erhalten und öffnen Sie sie in Chrome Browser. Dort können Sie alle serverseitigen Dateien von Node.js unter im Quellenteil des Debuggers sehen, wo Sie die Breakpoints auf den Server-javscript-Dateien anwenden können, die geschrieben wurden.