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

コードインスペクション

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

分析は、コードインスペクションを現在のドキュメントまたは指定されたスコープに適用することによって実行されます。

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

クイックフィックスの例

スタイルを作成する

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

クイックフィックスを適用した後、対応するクラスセレクタと空の宣言ブロックが挿入されます。

スタイル抽出

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

クイックフィックスを適用した後、適切なスタイルルールが対応するスタイルシートに追加されます。

CSS 階層の表示

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

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

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

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

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

• コードインスペクション | 無視されたコードは、コードインスペクションからファイル、フォルダー、マスクを除外します。

• コードインスペクション | 生成されたコードは、生成されたコードのコードインスペクションを部分的に無効にします。

• 環境 | 検索とナビゲーションを使用して、名前で検索コマンドで無視する必要があるファイルとフォルダーを指定します。

• コード編集 | サードパーティコードは C++、JavaScript、TypeScript、CSS、HTML、JSON ファイル、フォルダー、ワイルドカードを追加して、「スキップ」または「ライブラリ」として扱います。ReSharper は「スキップされた」ファイルを完全に無視し、「ライブラリ」ファイルを読み取り専用として扱います。ナビゲーション用にインデックス付けされていますが、インスペクション、クイックフィックス、リファクタリングはありません。

パフォーマンスを向上させるために、ReSharper は、参照がなく、おそらく誤ってソリューションに追加された大きな Web ファイルを自動的に検出し、無視し始めます。

そのようなファイルのいずれかが検出されると、何らかの理由でそれらが必要になった場合にそれらのファイルのいずれかを無視するのを停止ことができる通知が表示されます。ReSharper オプション（Alt+R, O）のコード編集 | サードパーティコードページで、自動的に無視されるすべてのファイルを見つけることもできます。

自動検出を停止し、未使用の大きな Web ファイルを無視するには、ReSharper オプション（Alt+R, O）のコード編集 | サードパーティコードページにあるパフォーマンスに影響を与える可能性のある Web ファイルを検索し、インデックス作成から除外しますチェックボックスをオフにします。