カバレッジで未使用のコードを見つける
JetBrains Rider を使用すると、クライアント側アプリケーションで未使用の JavaScript、TypeScript、CSS コードを見つけることができます。特別なコードカバレッジモードでアプリケーションを実行すると、JetBrains Rider は、すべてのファイルとフォルダーで使用されたコードの量を示すレポートを作成します。ソースマップ(英語)のおかげで、このレポートにはソースファイルのカバレッジが表示されますが、ブラウザーで実際に実行されたコンパイル済みコードのカバレッジは表示されません。
コードカバレッジモードでアプリケーションを実行する
タイプ JavaScript デバッグの実行 / デバッグ構成を作成します。
メインメニューの実行構成の編集ダイアログで、ツールバーの追加ボタン (
に移動します。開いた) をクリックし、リストから JavaScript デバッグを選択します。開いた実行 / デバッグ構成: JavaScript デバッグダイアログで、アプリケーションが実行されている URL アドレスを指定します。この URL はブラウザーのアドレスバーからコピーできます。
ツールバーの実行 / デバッグ構成を選択リストで新しく作成した構成を選択し、リストの横にあるカバレッジ付きで '' を実行ボタン (
) をクリックします。
実行構成で指定された URL アドレスがブラウザーで開きます。
ページのロード中に実行されたコードを知るには、アプリケーションをロードしてから、ツールバーの停止ボタン (
)、カバレッジ付きで '' を実行ボタン (
) の横、または実行ツールウィンドウをクリックしてアプリケーションを停止します。アプリケーションの特定の機能のカバレッジレポートが必要な場合は、ブラウザーでこれらの機能をトリガーしてから、停止ボタン (
) をクリックしてアプリケーションを停止します。
カバレッジツールウィンドウでレポートを表示します。プロジェクトツールウィンドウには、ファイルとフォルダーのカバレッジに関する情報が表示されます。エディターでは、実行された行の横に緑色のマーカーが表示され、そうでない行の横に赤いマーカーが表示されます。また、ラインマーカーにカーソルを合わせて、コードの各行がヒットした回数を確認することもできます。
関連ページ:
![](https://pleiades.io/icons/rider.png)
実行 / デバッグ構成: JavaScript デバッグ
作成: このダイアログを使用して、ビルトインまたは外部 Web サーバー上で実行されているアプリケーションで JavaScript をデバッグするための構成を作成し、Dart Web アプリケーションをデバッグします。JavaScript デバッグ固有の構成設定:URLJavaScript のデバッグ: このフィールドには、デバッグする JavaScript を参照する HTML ファイルの URL アドレスを指定します。ローカルデバッグの場合は、http://localhost:<buil...
![](https://resources.jetbrains.com/help/img/rider/2024.1/ws_add_flowconfig_more_actions.png)
Flow
Flow は、JavaScript に型アノテーションをもたらす静的型チェッカーです。JetBrains Rider は Flow 構造を認識し、すべてのオペレーティングシステムでそれらの構文をハイライトします。始める前に:Node.js をダウンロードしてインストールします。Flow のインストールと構成:埋め込まれたターミナルで、次のいずれかのコマンドを入力します。を使用して Flow をグローバルにインストールします。開発依存として Flow をインストールするための、Flow オフィシャル W...