ReSharper 2020.3 ヘルプ

HTML のコードテンプレート

ReSharper のコードテンプレート機能のほとんどは HTML でもサポートされています。これらの機能の詳細については、コードテンプレートセクションの対応するトピックを参照してください。このセクションのメイントピックでは、機能マトリックスを見つけて、HTML で何がサポートされているのかを確認することもできます。

このトピックでは、HTML でコードテンプレート機能を使用するいくつかの例を見つけることができます。

ライブテンプレート

ReSharper は HTML 用のいくつかの定義済みライブテンプレートを提供します。

ReSharper: Live templates in HTML

詳細については、ライブテンプレートの使用を参照してください。

サラウンドテンプレート

コードを変更する別の方法は、サラウンドテンプレートを使用することです。HTML のようなコードには 2 つの事前定義されたサラウンドテンプレートがあるため、そのうちの 1 つを使用することも、独自のテンプレートを作成することもできます。

ReSharper: Surround templates in HTML

最初のテンプレートを選択すると、ReSharper は選択したコンテンツを囲むためにどのタグを使用するかを指定するように促します。利用可能なタグのリストは、現在のファイルで使用されているタグに基づいています。

ReSharper: Surround templates in HTML

関連ページ:

コードテンプレート

ReSharper コードテンプレートを使用すると、事前定義済みのコード構成体をすばやく生成できます。すぐに使えるさまざまな言語用のテンプレートが多数ありますが、新しいテンプレートを作成したり、既存のテンプレートを編集したり、簡単に管理したりすることもできます。さらに、ReSharper は開発者のチームが彼らのカスタムテンプレートを共有することを可能にします。ReSharper のコードテンプレートの全側面については、以下のトピックで詳しく説明しています。テンプレートの種類、テンプレートスコー...

コードフラグメントをテンプレートで囲む

コードを中括弧または括弧で囲むだけの場合は、コードブロックまたは式を選択してから、開始または終了中括弧を入力して選択範囲を中括弧内に入れるか、開始または終了括弧を次のように入力します。選択範囲を括弧で囲みます。サラウンドテンプレートは、式、単一のステートメント、または任意のコードブロックを、またはその他のコード構造ですばやく囲むために使用されます。テンプレートが展開されると、ReSharper はコードをインテリジェントに再フォーマットし、選択を調整し、最後にキャレットを再配置して、便利な位置か...

ライブ / サラウンドテンプレートを作成する

ライブ / サラウンドテンプレートは、既存のファイルにコードを生成するために使用でき、(テンプレート本体にパラメーターがある場合)ステートメントなどのテンプレートコードでコードフラグメントを囲むために使用できます。各ライブテンプレートは、ショートカット(foreach などの短い文字列)で識別されます。このショートカットをエディターに直接入力して、テンプレートを呼び出すことができます。新しいライブ / サラウンドテンプレートは、他の開発者がすぐに利用できます。必要に応じて、チーム共有レイヤーを含む...

HTML のリファクタリング

リファクタリングに加えて、ReSharper はコンテキストアクションで利用可能ないくつかの小さなローカルコード変換を提供します。ReSharper は HTML に対して以下のリファクタリングを提供しますを実行するリファクタリングキャレットをシンボルに設定するか、リファクタリングするコードフラグメントを選択するか、ツールウィンドウで項目を選択します。以下のいずれか 1 つを実行します: メインメニューで選択してから、必要なリファクタリングを選択します。このメニューで利用可能なリファクタリングの...