如何忽略 Visual Studio 代码中的错误？

Question

对于一个新项目，我将在 Visual Studio 代码中使用 tailwind.css 和 sass。 Tailwind 提供了一个 @apply 函数来将现有 tailwind 类的内容混合到我的自定义 scss 中。

所以我可以这样做：

.btn {
  @apply .font-bold .py-2 .px-4 .rounded;
}

编译后的 css 文件将自动具有这些设置的顺风规则。然而，这当然会在纯 scss 文件中导致错误通知。为了在我的代码中保持一致，我计划尽可能多地解决应用规则，这将导致许多“错误”错误。

有没有办法解决这个问题，例如IntelliSense将接受我的scss文件中的@apply规则？

Answer 1

当您使用 tailwindCSS 时，仅声明样式不足以在您的应用程序中有效应用该样式。由于您在 input.css 中声明您的样式，因此您必须向包含每个 tailwindCSS 样式（输出文件）的全局文件添加一个层。我建议你这样做：

@layer components {
  .btn {
    @apply .font-bold .py-2 .px-4 .rounded;
  }
}