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

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

如styles.css

@tailwind起飞前的;

@tailwind公用事业;

当前回答

只需进入设置(ctrl +，)的快捷方式。

打开设置，搜索“未知”，第一个结果应该是你要找的:CSS > Lint: unknown At Rules:

将其更改为忽略:

完成了!干杯!

还是不明白?跟着图片走

其他回答

经过多次测试: POSTCSS和STYLUS语法高亮显示，删除警告，但CSS智能是不完整的，不显示第一实用工具类顺风

我在VSCode中安装了'language-stylus'插件

>用户设置:

"files.associations": {
   "* .css": "stylus"
 },

再见!

CSS智能是不完整的

我的建议是安装postCSS语言支持，然后重命名tailwind.css为tailwind。然后PCSS更改包中的引用。Json脚本(或任何构建脚本你正在使用顺风)顺风。PCSS从顺风。css和一切应该工作正常。

@apply规则兼容postCSS: https://github.com/tailwindcss/tailwindcss/issues/325

根据tailwindcss-intellisense github库:

VS代码推荐设置

files.associations

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

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

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

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

我编辑了我的.vscode/settings。通过添加“css. Json”文件。Validate ": false，似乎在没有安装外部库的情况下为我工作。

https://github.com/Microsoft/vscode/issues/14999#issuecomment-258635188

确保安装PostCSS语言支持，在VSCODE中找到扩展。这将删除正在显示的错误。

@apply规则兼容postCSS: https://github.com/tailwindcss/tailwindcss/issues/325

VS市场链接:https://marketplace.visualstudio.com/items?itemName=csstools.postcss

注意:从VS Code中卸载PostCSS智能感知和高亮扩展，否则它将无法工作。

推荐文章