ReSharper 2019.3ヘルプ

コードインスペクションとCSSのクイックフィックス

ReSharperのコード解析の主な機能は、CSSでもサポートされています。これらの機能の詳細については、コード解析の該当するトピックを参照してください。このセクションのメイントピックでは、フィーチャマトリックスを見つけて、CSSで正確にサポートされているものを確認することもできます。

このトピックでは、CSSのコード解析機能の使用例をいくつか見ていきます。

コード・インスペクション

ReSharperの静的コード解析では、CSSコードの150以上の異なるエラーと問題を検出できます。

分析は、コードインスペクション現在の文書または指定された範囲に適用することによって実行されます。

ReSharper: CSS error highlighting

CSSで使用可能なインスペクションのリストを調べるには、ReSharperオプション(Alt+R,,O)のコード・インスペクション | インスペクション重大度ページを開き、CSSノードを展開します。

クイックフィックスの例

スタイルを作成する

対応するスタイル規則を持たないクラス名がある場合、ReSharperはそのような名前を強調表示して、次のようなクイックフィックスを提供します。

ReSharper: Create style quick-fix in CSS
クイックフィックスを適用した後、対応するクラスセレクタと空の宣言ブロックが挿入されます。
ReSharper: Create style quick-fix in CSS

スタイル抽出

現在の要素のスタイル情報を含む style 属性があり、対応するスタイルシートのクラスセレクタとして使用されていない名前の class 属性がある場合、ReSharperはそのような状況を検出して次のような迅速な修正を提供します。

ReSharper: Extract style quick-fix in CSS
クイックフィックスを適用した後、適切なスタイルルールが対応するスタイルシートに追加されます。

CSS階層の表示

ReSharperには、cssセレクターの階層全体を見ることができる便利なビューが付属しています。階層内のセレクタごとに、その定義をすばやく表示できます。

ReSharper: CSS hierarchy

階層を構築するには、スタイルセレクタでキャレットを設定し、メインメニューでReSharper | インスペクション | 階層を選択するか、Ctrl+Alt+Hを押します。

ReSharperは、CSS階層を内部的に構築し、どのスタイルが他のスタイルをオーバーライドするかを示し、階層を上に移動できるようにすることもできます。この機能を切り替えるには、ReSharperオプションのコード編集 | CSS | インスペクションページのCSSスタイル階層を構築するチェックボックスを使用します。

CSS hierarchy gutter mark

ReSharperに特定のコードを無視させる

ReSharperでは、特定のファイル、フォルダー、ファイルマスクをさまざまな方法で無視できます。無視されるファイルは、次のオプションページで設定できます。

最終更新日: 2019年12月12日

関連ページ:

コード解析

ReSharperは、エディター内の単一のステートメントから、ソリューション全体のアーキテクチャまで、さまざまなレベルのコードを分析できます。コードの課題を見つける:ReSharperは、C#、VB.NET、XAML、XML、ASP.NET、ASP.NET MVC、Razor、JavaScript、...

コード・インスペクション

ReSharperはサポートされているすべての言語で2500以上のインスペクションを提供します。これらのインスペクションは、開いているすべてのファイルで設計時にコードの課題を検出して強調表示するため、および/または特定の範囲内ですべてのコードの課題を見つけるために使用されます。インスペクション Re...

設計時にコードの課題を検出する

ReSharperは、エディターでコード・ファイルを開くとすぐに分析を開始し、最後まで編集を続けます。検出されたすべてのコードの課題は、重大度に従ってエディターで強調表示されます。課題のマップは、エディターウィンドウの右側のマーカーバーにも表示されます。ここでは、ファイルのステータスを即座に確認し、...

特定の範囲でコードの課題を見つける

設計時コードインスペクションは、エディターでコーディングしたり、特定のファイルを見直したりするときに役立ちます。ただし、ReSharperを使用すると、ソリューション全体または狭い範囲でスタティックコード分析を実行し、結果をフレンドリーな視点で調べることもできます。必要に応じてインスペクション結果を...

コードインスペクション設定の構成

コード注釈を使用して、ReSharperがコードをインスペクションする方法をカスタマイズすることもできます。設計時コードインスペクションを構成する:デフォルトでは、ReSharperはサポートされている言語に対応するすべてのファイルで設計時コードインスペクションを有効にします。必要に応じて、無効にす...

コードの課題のクイックフィックス

ReSharperを使用すると、設計時に検出されたほとんどのコード課題を即座に修復できます。強調表示されたコードの課題で を押して、課題を解決したり最適以下のコードを改善したりするための適切な方法を選択するのと同じくらい簡単です。クイックフィックスを適用する:クイックフィックスは、強調表示されたコ...