Eclipse(Luna)でNode.jsのJavaScriptをステップ実行する

プログラミング
スポンサーリンク

Eclipse(Luna)でNode.jsのJavaScriptをステップ実行してみました。

EclipseとNodeclipseはインストールされている前提で、少し試行錯誤していますが、手順は以下の通りです。

 

スポンサーリンク

Google Chrome Developer Toolsをインストールする

Googleで調べてみると、EclipseでNode.jsのJavaScriptをステップ実行するには、Google Chrome Developer Toolsが必要とのこと。

 

Nodeclipseのプラグインパッケージをすべてインストールしているのでいらなくない?とは思ったものの、

Error 404 (Not Found)!!1

からインストールしてみます。

 

Eclipseの「Help」→「Install New Software...」から上記のURLを入力します。

image

 

すべてにチェックを入れて「Next」を押してそのままインストールします。

image

 

「Install Remediation Page
The installation cannot be completed as requested.」

と表示されますが、そのままデフォルトの

「Keep my installation the same and modify the items being installed to be compatible」

を選択してインストールしてみます。

 

image

 

An error occurred while collecting items to be installed
session context was:(profile=epp.package.java,phase=org.eclipse.equinox.internal.p2.engine.phase.Collect, operand=,action=).
No repository found containing: osgi.bundle,org.chromium.debug.core,0.3.9.201406090411

みたいなエラーが表示されます。

 

どうやら選択を間違えたみたいです。

image

 

「Update my installation to be compatible with the items being installed」

を選択してインストールします。

 

この場合、Nodeclipseがいったんアンインストールされます。

image

インストール途中で

 

「Security Warning

Warning: You are installing software that contains unsigned content. The authenticity or validity of this software cannot be established. Do you want to continue with the installation?」

と表示されますが、そのままインストールします。

 

インストール完了後、私の場合は、Nodeclipseをインストールしました。

 

EclipseでNodeのプロジェクトを作ってデバッグ実行する

Eclipseのメニューから

「File」→「New」→「Project...」から「Node Project」

を選択してNodeのプロジェクトを作成します。

image

 

プロジェクトを作成後、起動するjsファイルを選択して、

マウスの右クリック→「Debug As」→「Node Application」

を押して実行します。

image

 

Node ApplicationとSTANDALONE_V8が動いているのが分かります。

そのまま、ステップ実行可能です。

image

 

また任意の場所にブレークポイントを作ってResume(F8)を押すと実行されます。

ステップイン、ステップアウト、ステップオーバーも可能です。

JavaScriptがステップ実行されるのはちょっと感動的。

 

JavaScript Debug Toolkitというプロジェクトもある

紛らわしいけれど、JavaScript Development ToolsではなくてJavaScript Debug Toolkitというプロジェクトもあります。

Google Code Archive - Long-term storage for Google Code Project Hosting.

 

使ってみたところ、Node.jsでない普通のJavaScriptをEclipseでステップ実行することができました。

ただ、2010年からアップデートされていないようなので、このプロジェクトのプラグインを使うのはやめることにしました。

 

まとめ

これまでJavaScriptについては、ブラウザのF12開発者ツールを使って、F12キーを押してデバッグしていたのでEclipseでステップ実行できるのは感動的。

Node.jsの場合、いちいちサーバーを立てなくてよいので、開発が楽になります。

 

プログラミングの無料レッスン体験

 

約8,000名の受講生と80社以上の導入実績のあるプログラミングやWebデザインのオンラインマンツーマンレッスンCodecamp

<Codecampの特徴>

1 現役エンジニアによる指導

2オンラインでのマンツーマン形式の講義

3大手企業にも導入されている実践的なカリキュラム

↓無料体験レッスン実施中です。

プログラミングのオンラインスクールCodeCamp

 

 

 

コメント

タイトルとURLをコピーしました