node.js react expressアプリケーションをデバッグする方法

Question

私は従来のプログラミングのバックグラウンドから来ました。つまり、コードのセクションにブレークポイントを置くことができ、そのコードが実行されると、デバッガが私をコードにスローします。

これらのWebアプリケーションを開発する際には、「printf」デバッグとFireFox Developerのようなツールを使用してWeb要素を検査することしかできないようです。

私はデバッガに落とすようにコードを実行するにはどうすればいいですか？現在、私は実際のGUI開発環境ではなくテキストエディタを使用しています。

何か指摘していただければ幸いです。

Answer 1

JavaScriptコードにブレークポイントを絶対に設定できます。テキストエディタからWebstormのような実際のIDEに移行する必要があります。これにより、サーバーサイドNodeJSコードのブレークポイントを簡単に設定できます。

クライアント側のExpressコードでは、ほとんどのIDEにJavaScriptブレークポイントを設定できるブラウザ統合機能がありますが、ブラウザの組み込み開発ツールを使用する傾向があります。 FirefoxやChromeデベロッパーツールを見て、コード内でブレークポイントを設定するなどの作業を行う方法を学びます。 Firefoxの開発ツールを使用して要素を検査したとお伝えしましたが、Developer ToolsウィンドウのDebuggerタブを見落としたようです。