ReSharper 2024.3 ヘルプ

CSS のコードテンプレート

ReSharper は、CSS でライブテンプレートを使用する機会を提供します。

テンプレートを手動で追加することも、ReSharper が選択したソースコードから新しいテンプレートを生成することもできます。詳細については、ライブ / 囲みテンプレートを作成するおよびソースコードからライブ / 囲みテンプレートを作成するを参照してください。

CSS にライブテンプレートを適用する手順は、他の言語と同じです。

関連ページ:

テンプレートの種類

ReSharper で使用できるテンプレートにはいくつかの種類があります。ライブ / 囲みテンプレートは、既存のファイルにコードを生成したり、(テンプレート本体にパラメーターがある場合)ステートメントなどのテンプレートコードでコードフラグメントを囲むために使用できます。各ライブテンプレートは、ショートカット(などの短い文字列)によって識別されます。この文字列をエディターに直接入力して、テンプレートを呼び出すことができます。後置テンプレートは C#、JavaScript、TypeScript、C+...

ライブ / 囲みテンプレートを作成する

ライブ / 囲みテンプレートは、既存のファイルにコードを生成したり、(テンプレート本体にパラメーターがある場合)ステートメントなどのテンプレートコードでコードフラグメントを囲むために使用できます。各ライブテンプレートは、ショートカット(などの短い文字列)によって識別されます。この文字列をエディターに直接入力して、テンプレートを呼び出すことができます。ライブ / 囲みテンプレートは、単体テスト用のクラス、DTO、スケルトンの作成など、さまざまな用途に使用できます。ライブ / 囲みテンプレートの本体...

ソースコードからライブ / 囲みテンプレートを作成する

ReSharper を使用すると、ソースコードの断片に基づいてライブ / 囲みテンプレートを作成できます。ReSharper はいくつかのフィールドを自動的にテンプレートパラメーターに変換します。コードフラグメントからライブ / 囲みテンプレートを作成するエディターで、テンプレートを作成するコードブロックを選択します。メインメニューからを選択します。表示される新しいテンプレートのフィールドとコンテキストの選択ダイアログで、ReSharper は新しいテンプレートの下書きを提案し、いくつかのフィ...

CSS のリファクタリング

CSS スタイルのリファクタリングを使用すると、CSS スタイルをスタイルシートと HTML ファイル間ですばやく移動したり、新しいスタイルシートをその場で作成してそこに既存のスタイルを移動したりできます。数回クリックするだけで、CSS クラスとその使用箇所の名前を変更することもできます。リファクタリングを実行するシンボルにキャレットを置き、リファクタリングするコードフラグメントを選択するか、ツールウィンドウ内の項目を選択します。以下のいずれか 1 つを実行します: メインメニューからを選択し、目...