带旁白、原创配乐和字幕。在 VS Code 中基于一个 Blazor Web App 录制:标记中的 Roslyn 悬停、Razor 表达式中的补全、HTML 补全与悬停、显示在对应 Razor 行上的 C# 错误、按 F12 跳进 @code 代码块、查找引用与重命名、从 Program.cs 按 F12 打开 App.razor,最后是链接标签编辑和折叠。

在 VS Code 中用 SharpLsp 编辑 Blazor 和 Razor:在 .razor 组件中进行 C# 悬停、补全、诊断、转到定义、查找引用和重命名,HTML 由 VS Code 的 HTML 服务提供

阅读指南:Blazor 与 Razor

文字稿

Blazor 组件和你的其他代码使用同一个 C# 引擎。在标记中悬停任意表达式,Roslyn 就会显示它的信息,并附上你的 XML 文档。

补全在 Razor 表达式中同样可用。成员来自 Roslyn,每次编辑都落在 Razor 文件里,绝不会写进生成的代码。

周围的标记依然是 HTML。元素名称和 HTML 悬停信息来自 VS Code 自带的 HTML 服务。

一旦写错,错误就会显示在引起它的那一行 Razor 代码上,编辑器和问题面板里都能看到。

转到定义会从标记跳进代码块。查找所有引用会列出 Razor 文件中的每一处用法,生成的脚手架代码不会混进来。

在代码块里重命名一个字段,标记中的每一处用法都会随之更新。

在 C# 中对组件转到定义,打开的是它的 Razor 文件,而不是生成的类。

修改一个标签的名称,它的结束标签也会一起改变。元素和代码块同样可以折叠。