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