カバレッジで未使用のコードを見つける
IntelliJ IDEA を使用すると、クライアント側アプリケーションで未使用の JavaScript、TypeScript、CSS コードを見つけることができます。 特別な コードカバレッジモードでアプリケーションを実行すると、IntelliJ IDEA は、すべてのファイルとフォルダーで使用されたコードの量を示すレポートを作成します。 ソースマップ(英語)のおかげで、このレポートにはソースファイルのカバレッジが表示されますが、ブラウザーで実際に実行されたコンパイル済みコードのカバレッジは表示されません。
コードカバレッジモードでアプリケーションを実行する
タイプ JavaScript デバッグの実行 / デバッグ構成を作成します。
メインメニューの に移動します。 開いた 実行構成の編集 ダイアログで、ツールバーの 追加 ボタン (
) をクリックし、リストから JavaScript デバッグ を選択します。 開いた 実行 / デバッグ構成: JavaScript デバッグダイアログで、アプリケーションが実行されている URL アドレスを指定してください。 この URL はブラウザーのアドレスバーからコピーできます。ツールバーの 実行 / デバッグ構成を選択 リストで新しく作成した構成を選択し、リストの横にある '%s' をカバレッジ付きで実行(V) ボタン (
) をクリックします。
実行構成で指定された URL アドレスがブラウザーで開きます。
ページのロード中に実行されたコードを知るには、アプリケーションをロードしてから、ツールバーの 停止 ボタン (
)、 '%s' をカバレッジ付きで実行(V) ボタン () の横、または 実行 ツールウィンドウをクリックしてアプリケーションを停止します。 アプリケーションの特定の機能のカバレッジレポートが必要な場合は、ブラウザーでこれらの機能をトリガーしてから、 停止 ボタン () をクリックしてアプリケーションを停止します。カバレッジ ツールウィンドウでレポートを表示します。 プロジェクト ツールウィンドウ（Alt+1 ）には、ファイルとフォルダーのカバレッジ情報が表示されます。 エディターでは、実行された行の横に緑色のマーカーが表示され、実行されなかった行の横に赤色のマーカーが表示されます。 行マーカーの上にマウスカーソルを合わせると、各コード行がヒットされた回数を確認することもできます。
