SharpLsp による VS Code の Blazor と Razor：.razor コンポーネント内の C# のホバー、補完、診断、定義へ移動、参照、名前の変更と、VS Code の HTML サービスによる HTML

文字起こし

Blazor のコンポーネントにも、ほかのコードと同じ C# エンジンが働きます。マークアップのどの式にホバーしても、Roslyn が XML ドキュメント付きで答えます。

補完は Razor の式の中でも動きます。メンバーは Roslyn から届き、編集はすべて、生成されたコードではなく Razor ファイルに反映されます。

その周りのマークアップは HTML のままです。要素名と HTML のホバーは、VS Code 自身の HTML サービスが提供します。

間違えると、エラーは原因となった Razor の行に表示されます。エディターでも、問題パネルでも同じです。

定義へ移動すると、マークアップからコードブロックへジャンプします。「すべての参照を検索」は、Razor ファイル内の使用箇所をすべて一覧にし、生成された足場のコードは含めません。

コードブロックのフィールド名を変更すると、マークアップ内の使用箇所もすべて追従します。

C# からコンポーネントの定義へ移動すると、生成されたクラスではなく、その Razor ファイルが開きます。

タグ名を変えると、閉じタグも一緒に変わります。要素とコードブロックは折りたたむこともできます。