gulp - javascript、node.js、gulp、webstorm、angular-fullstackから実行するとWebstormのノードjsをデバッグする

私はこれにかなり新しいですが、私は本当に答えを探し求めました。

私はyeomanを使ってアプリケーションを生成しました。 （使用された "角形のフルスタック" - https://github.com/angular-fullstack/generator-angular-fullstack）

これには、nodemonを実行するgulpfile.babel.js設定ファイルがあります。

私がしようとしているのは、私が持っているWebstormのブレークポイントを突き止めるために、gulpがnodemonのインスタンスを提供するようにすることです。

私がこれまでに試したことは：

- 通常のデバッグ。 （些細な..）しかし、彼はECMA6の構文を満たしたときにノードがexcpectionsを送信するようです。 （まだ、私はむしろWebstormから実行するよりも、gulpインスタンスを実行します。）

- --debugの使用

- Webstormで "リモートデバッグ"を使用する。

- グループタスクでノードインスペクタを設定し、彼に聞き取り5353

- ポート5353で--debug-brkとdebugを使用する（例）

誰かができるなら、私は本当にそれを感謝することができます助けて。 この人はWebstormがこのケースを扱うことはできないと言っていますが、リモートサーバーをデバッグすることはできますが、冗長ノードサーバーインスタンスをデバッグすることはできません。 gulpから実行するとWebStormのノードアプリケーションをデバッグする

回答：

回答№1は2

Node.jsを使用していると仮定します。これは、ブラウザのデバッグに似た経験をして、クロムブラウザ自体のサーバー側のファイルをデバッグするノードインスペクタを提供します。

ここには ノードインスペクタを設定するための参照リンク。

次に、ノードインスペクタを設定する手順を示します。

1）コマンドでノードインスペクタをインストールする

npm install -g node-inspector

2）ノードインスペクタを開始する どのディレクトリからでも起動できます

node-inspector

結果として、あなたは URL ブラウザでデバッグする

3）デバッグモードでノードサーバーを再起動します。

ディレクトリをプロジェクトのサーバーフォルダに変更します

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

4）サーバーがデバッグモードで正常に起動したら、上記の結果で受信したURLをコピーして開きます。 クロム ブラウザ。 Node.jsのすべてのサーバーサイドファイルが表示されます デバッガのソースセクション書かれたサーバjavscriptファイルにブレークポイントを適用することができます。

---