ReSharper 2020.3 ヘルプ

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 は対応するアクションインジケーター Themed icon context action screen gray をキャレットの左側に表示します。しかし時々、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

関連ページ:

コーディング支援

ReSharper はさまざまなコーディング支援機能を提供します。これにより、コードの記述と編集がはるかに高速になり、生産性が向上し、時間を節約できます。このセクションで説明する機能に加えて、ReSharper は、いくつかのコード生成機能およびコードテンプレートを提供します。これにより、コードをより迅速に作成できます。ReSharper のコーディング支援機能のほとんどは C# および Visual Basic .NET で利用でき、一部は複数の言語で利用でき、その他は言語固有です。次の表に、...

コンテキストアクション

コンテキストアクションのいくつかの例を ReSharperWeb サイトでチェックすることができます。コンテキストアクションは、エディターで直接利用できるコード変換ヘルパーです。クイックフィックスとは対照的に、コンテキストアクションは問題の解決やコードの改善を目的としているためはなく、アクセス修飾子の変更、null をチェックするコードの生成、'foreach' の 'for' への変換などの小さな変更を素早く導入できます。コードベースのより大きな変換のために、ReSharper は数十の自動化さ...

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

メイン ReSharper のコード分析機能(コードインスペクション、コードの問題のクイックフィックスなど)も HTML でサポートされています。これらの機能の詳細については、コード解析セクションの対応するトピックを参照してください。ReSharper がどのようにインスペクションコードを適用して HTML コードを検証し、時代遅れまたは非標準の要素や属性に下線を引くかの例を示します。パスマッピング:Web アプリケーションを開発するときに、それを時々、宛先サーバーにデプロイします。ただし、宛...