ReSharper 2020.1ヘルプ

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

After applying the context action, the appropriate end tag is added and the caret is placed exactly between start and end tags.
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
最終更新日: 2020年5月08日

関連ページ:

コーディング支援

ReSharperはさまざまなコーディング支援機能を提供します。これにより、コードの記述と編集がはるかに高速になり、生産性が向上し、時間を節約できます。このセクションで説明する機能に加えて、ReSharperは、いくつかのコード生成機能およびコードテンプレートを提供します。これにより、コードをより迅...

コンテキスト・アクション

コンテキストアクションのいくつかの例をReSharperWebサイトでチェックすることができます。コンテキストアクションは、エディターで直接利用できるコード変換ヘルパーです。クイックフィックスとは対照的に、コンテキストアクションは問題の解決やコードの改善を目的としているためはなく、アクセス修飾子の変...

クイック・ドキュメント

ReSharper | 編集 | クイックドキュメントを表示するReSharperを使用すると、エディター内のシンボルのドキュメントをすばやく確認できます。エディターでシンボルの使用箇所の上にマウスを移動すると、簡単な説明を含むポップアップが表示されます。ライブラリシンボルの場合、ポップアップでAl...

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

メインReSharperのコード分析機能(コード・インスペクション、コードの課題のクイックフィックスなど)もHTMLでサポートされています。これらの機能の詳細については、コード解析セクションの対応するトピックを参照してください。ReSharperがどのようにインスペクションコードを適用してHTMLコ...