ReSharper 2019.2ヘルプ

CSSのコードスタイルアシスタンス

ReSharperはCSSで以下のコードスタイルアシスタント機能を提供します。

コード書式設定ルールの管理と適用

コードスタイルの重要な点は、コードの書式設定方法、つまり、空白と空白行を使用してコードブロックを配置および分離する方法、インデントにタブを使用するかどうか、および使用する方法。

多数のReSharperコードフォーマットルールには、デフォルトのVisual Studioフォーマットオプションと多数のベストプラクティスを考慮に入れたデフォルト設定があります。フォーマット規則の詳細をすべて設定し、コードに規則を適用することができます。ReSharperがコード補完とコード生成機能で新しいコードを生成して、コードテンプレートを適用して、リファクタリングを実行するとき、これらの規則は適用されます。フォーマットルールは、現在の選択範囲、現在のファイル、またはソリューション全体に至るまでのより大きな範囲の既存のコードにも適用できます。

ReSharperは共有設定のメカニズムを使用してフォーマット設定を保存します。コード編集 | CSS | スタイルの書式設定グループのオプションページでフォーマットルールを設定できます。EditorConfigファイルにフォーマット設定を保存して共有することもできます。

アルファベット文字のプロパティー

ReSharperを使用すると、セレクタ宣言内でプロパティーをアルファベット順に並べ替えることができます。デフォルト: 完全クリーンアッププロファイルまたはCSSカテゴリでアルファベット順のプロパティーオプションが選択されているカスタムプロファイルコードクリーンアップを使用して、プロパティーをアルファベット順に並べ替えることができます。

コードのクリーンアップを適用する

以下の例を参照してください。

ReSharper: Code cleanup in CSS
プロファイルデフォルト: 完全クリーンアップとデフォルト設定でコードのクリーンアップを適用した後、宣言は改行で分割されます。宣言に複数のプロパティーが含まれる場合、それらは別々の行に配置され、アルファベット順にソートされます。1つしかない場合は、同じ行に - など:
ReSharper: Code cleanup in CSS

最終更新日: 2019年11月18日

関連ページ:

ReSharper設定の管理と共有

ReSharperは、階層化された設定のメカニズムを使用して環境設定を保存するため、次の利点があります。さまざまなソリューションで異なる設定を行うことができます。環境設定のさまざまなサブセットを別の場所に保存し、特定のソリューションで作業するときに環境設定を組み合わせることができます。例:記号のアイ...

コードの書式設定ルールの管理と適用

コードスタイルの重要な点は、コードの書式設定方法、つまり、空白と空白行を使用してコードブロックを配置および分離する方法、インデントにタブを使用するかどうか、および使用する方法。多数のReSharperコードフォーマットルールには、デフォルトのVisual Studioフォーマットオプションと多数のベ...

コード補完 (IntelliSense)

ReSharperは、高度な機能を備えたVisual Studioのネイティブコード補完(IntelliSense)を補完し、拡張します。例:あなたの入力に基づいて提案のリストを絞り込み、選択したタイプと拡張メソッドを自動的にインポートし、メソッド名を補完するときに括弧を追加し、タイプに応じて変数と...

コード生成

ReSharperは、定型コードを生成するさまざまな方法を提供します。例:宣言されていないコードシンボルを使用し、これらのシンボルを用途に基づいて自動的に生成したり、型メンバーを生成したりすることができます。現在のファイルで設計時コードインスペクションが有効になっている場合、ReSharperは足り...

EditorConfigの使用

どのフォーマットスタイルの設定がファイルフォーマット情報ウィンドウの現在のファイルに影響するかを見ることができます。ReSharperは、EditorConfig形式で定義されているコードフォーマットスタイル、コード構文スタイル、およびコードインスペクションの重大度をサポートしています。Matthe...

CSSのコーディング支援

ReSharperのコーディング支援機能のほとんどは、CSSでもサポートされています。これらの機能の詳細については、コーディング支援の該当するトピックを参照してください。このセクションの主題では、フィーチャマトリックスを見つけて、CSSで正確にサポートされているものを確認することもできます。このトピ...