ReSharper 2020.2 ヘルプ

HTML によるコーディング支援

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

このトピックでは、HTML でコーディング支援機能を使用するいくつかの例を見つけることができます。

構文のハイライト

ReSharper は、HTML 属性で JavaScript シンボルを視覚的にハイライトできます。例:

ReSharper: Syntax highlighting in HTML

コード補完

コード補完は、コードをすばやく記述したり、誤植を避けるのに役立ちます。HTML では、次の補完機能が利用できます。

  • タグの補完

    ReSharper: completion for tags in HTML

  • 属性の補完

    ReSharper: completion for attributes in HTML

  • CSS クラスと識別子の補完

    ReSharper: completion for CSS classes and identifiers in HTML

コンテキストアクションの例

ReSharper は、HTML コードをターゲットとする一連のコンテキストアクションを提供します。ReSharper オプションのコード編集 | HTML | コンテキストアクションページでこれらのアクションの完全なリストを見つけることができます。必要に応じて、このページを使用していくつかのアクションを無効にすることもできます。

現在のキャレット位置でコンテキストアクションが使用可能になるとすぐに、ReSharper は対応するアクションインジケーター ThemedIcon ContextAction Screen Gray png をキャレットの左側に表示します。しかし時々、ReSharper は現在のキャレットポジションのために文脈上利用可能ないくつかの機能を提供します。この場合、最も優先度の高いアクションに対応するアクションインジケータが表示され、その他のすべてのアクションは、アクションインジケータをクリックするか、Alt+Enter を押してアクションリストを展開したときにのみ表示されます。コンテキストアクションは最も優先順位が低いため、アクションリストの一番下に表示されることがよくあります。

HTML のコンテキストアクションの例を次に示します。

空のタグを展開

展開されていないタグ内にテキストを追加したい場合は、次のコンテキストアクションを使用してください。undefined

ReSharper: Expand empty tag context action in HTML

コンテキストアクションを適用した後、適切な終了タグが追加され、キャレットが開始タグと終了タグの間に正確に配置されます。
ReSharper: Expand empty tag context action in HTML

属性を除去

無駄な、または不要な属性がある場合は、属性全体とその値を手動で選択してから削除するのではなく、このコンテキストアクションを使用します。

ReSharper: Remove attribute context action in HTML

コンテキストアクションを適用した後、適切な属性が削除されます。

ReSharper: Remove attribute context action in HTML

テーブル行を挿入

このコンテキストアクションはテーブルに行を挿入するための非常に便利な方法です。

ReSharper: Insert table row context action in HTML

コンテキストアクションを適用した後、新しい行が挿入されます。

ReSharper: Insert table row context action in HTML

クイックドキュメント

クイックドキュメントポップアップを使用して、エディターに関する要素に関する有用な情報を取得できます。

ReSharper: Quick documentation in HTML
最終更新日 :