如何添加一个@顺风CSS规则CSS检查

顺风在规则中添加@顺风css，标记为未知。如何避免这种错误?

如styles.css

@tailwind起飞前的;

@tailwind公用事业;

当前回答

1. 只需进入设置(ctrl +，)的快捷方式。 2. 在搜索栏中搜索CSS。 3.查找(CSS> Lint:未知At规则) 4. 从下拉选项中选择“忽略”。

这忽略了警告。如果你不介意的话。

其他回答

如果你使用VS Code，你可以使用PostCSS语言支持插件。

确保将scss文件与PostCSS关联。

根据tailwindcss-intellisense github库:

VS代码推荐设置

files.associations

使用这些文件。associations设置告诉VS Code总是在顺风CSS模式下打开。CSS文件:

"files.associations": {
   "*.css": "tailwindcss"
}

它修复了@顺风警告，并增加了顺风指令，功能的智能感知

关于tailwindcss智能感知扩展的更多信息可以找到在github存储库

现在vscode是可配置的，为了消除这个警告，你可以创建一个名为"。vscode"的文件夹然后创建一个名为settings。json的新文件在设置中。Json文件你可以粘贴这个Json

｛ “css.lint。unknownAtRules”:“忽略” ｝

我知道现在回答已经太迟了，但是当我处理CSS和SCSS时，这对我来说是有效的。在你的设置中。添加/编辑下面的代码。

"files.associations": {
    "*.css": "tailwindcss",
    "*.scss": "tailwindcss"
}

1. 只需进入设置(ctrl +，)的快捷方式。 2. 在搜索栏中搜索CSS。 3.查找(CSS> Lint:未知At规则) 4. 从下拉选项中选择“忽略”。

这忽略了警告。如果你不介意的话。

推荐文章