web-dev-qa-db-ja.com

Webstormからのうっとりするデバッグ

外部ツールを介してWebStorm内で単調なタスクを実行できます。しかし、外部ツールでデバッグを利用することは可能ですか？ WebStorm内でgrunt serverやgrunt testなどのタスクを実行することにより、Gruntのような外部ツールで可能であれば、デバッグがはるかに簡単になります。

node.jsdebuggingintellij-ideagruntjswebstorm
49
Kamal Reddy

grunt-cli as Node application：

  • 新しいNode.js実行/デバッグ構成を作成します：Run-> Edit configuration ...
  • ノードへのパスでノードバイナリを選択します。つまり、/Users/someuser/nvm/v0.10.5/bin/node
  • Working Directoryで、Gruntfile.jsディレクトリ、つまり/Projects/someproject
  • Path to Node App JS Fileで、Grunt CLIパスを選択します（grunt-cliノードbinディレクトリに作成されたシンボリックリンク、WebStormはシンボリックリンクターゲットを使用します）、すなわち：/Users/someuser/nvm/v0.10.5/lib/node_modules/grunt-cli/bin/grunt（C:\Users\someuser\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt Windows 7の場合）
  • アプリケーションパラメータ実行するGruntタスクを入力します。例：defaultまたはtest

[実行]または[デバッグ]をクリックすると、完了です。

98
Diego

今日、たまたまWebStorm 10でこれを試しました。それが新機能かどうかはわかりませんが、WebStormは@diegoで説明されている手順を統合しているので、手動で実行する必要はありません。

  1. View> Tool Windows> Gruntをクリックして、WebStormにGruntウィンドウを表示します。
  2. タスクを右クリックして、「デバッグ」を選択します

他のファイルと同様に、Gruntfile.jsにブレークポイントなどを設定できます。

9
jayp