Blazor 开发：如何快速导航到 CSS 类定义

Question

我有 WPF/UWP 开发背景，因此，我习惯在 Blazor 上下文中进行 Razor 和 CSS 开发时采用“XAML 方式”做事。

也许我在 XAML 世界中被宠坏了，但是将光标放在 xaml 元素上是瞬间的事情，看到应用了特定的

Style

，然后点击

F12

导航到该样式的定义.

在

.razor

文件中的 HTML 元素上看到应用的某个 CSS 类并想要导航到其定义时，等效的工作流程是什么？

似乎没有键盘快捷键（即转到定义和查看定义命令在剃刀上下文中不执行任何操作），那么什么是快速工作流程？

我可以通过 CTRL+F 并摆弄“查找”对话框的艰苦方式来完成此操作，但是来吧，一定有更好的方法。当然，每天整天开发 Blazor 前端（并且每天数百次导航到 CSS 类定义）的人们对于这种常见的举动拥有快速的工作流程。

Answer 1

实际上，这取决于您的 Visual Studio 版本，如果您使用的是 Visual Studio 代码，则有很多扩展包含如下所示的转到定义功能：

Html CSS 支持:

但是如果你使用的是 Visual Studio，则没有这样的扩展可以在 VS 2022 中工作。只有一个仅适用于 VS2019 及之前的版本。]

HTML 工具 2019