Blazor Razor 类库 (RCL) 无 CSS 智能感知答案

【问题标题】：Blazor Razor Class Library (RCL) No CSS IntellisenseBlazor Razor 类库 (RCL) 无 CSS 智能感知
【发布时间】：2022-04-15 23:04:24
【问题描述】：

我有一个 razor 类库 (RCL)，其中包含我的 blazor 应用程序中的所有页面。 CSS intellisense 似乎在 RCL 中不起作用，除非我更改 RCL .csproj xml 标签 From Sdk="Microsoft.NET.Sdk.Razor" To Sdk="Microsoft.NET.Sdk.Web" .

示例：

我正在使用带有最新更新的 VS2022。感谢您提供任何有助于解决此问题的信息。

【问题讨论】：

标签： c# css razor intellisense

【解决方案1】：

我写了一个extension 来解决这个确切的问题。

它应该可以解决您的问题，因为它会扫描解决方案中存在的每个项目，而不仅仅是 Microsoft.NET.Sdk.Web 类型的项目。

此外，它还增加了对独立 CSS 上下文（*.razor.css 文件）以及通过 HTML 文件中的属性链接的外部文件的支持。

您可以在GitHub repo 中找到有关它的更多信息。

【讨论】：

想指出某事。我将 Blazor 与标准/默认引导程序 5 一起使用。有时 VS 实际上会正确加载智能代码，并显示 bootstrap.css 类。大多数时候，但它是地狱般的错误，并且仅从我的隔离 css 文件中建议 css 类（即使该文件甚至不适用于组件）。我发现这非常烦人、错误和不一致，我什至看不到模式。很少删除 bin + obj 有帮助，但并非总是如此。这个扩展让我松了一口气。希望 VS 在某个时候得到修复！

【解决方案2】：

Blazor css intellisense 似乎不是那么好。所以我的解决方法是将 .csproj 更改为 Sdk="Microsoft.NET.Sdk.Web" 重新加载解决方案，然后使用一行代码将“Program.cs”类文件添加到根目录。

那行代码的作用并不重要，只需添加一行代码即可。在我的项目中，我在 program.cs 文件中添加了一个类似 var workAround="empty"; 的变量。

现在 css intellisense 神奇地起作用了。它的效果不是很好，但它确实有效。微软需要解决这个问题。

要添加的另一件事是关闭 Visual Studio 并删除 .vs 文件夹。这是您项目所在的隐藏文件夹。

【讨论】：

通过这种解决方法，您是否遇到过一堆 CSS 类没有出现在列表中的问题？我的列表中唯一出现的是字体真棒库的类。我错过了我所有的课程以及引导程序。关于如何构建 css intellisense 或从哪里提取 css 的任何想法？
我没有问题，我上面描述的解决方法；进行更改后，css intellisense 只需要一点时间就可以赶上。根据我的理解，如果您使用的是 RCL 项目，请确保您的 css 位于 wwwroot 下，以便智能感知可以获取它。让我知道这是否有帮助。