顺风在规则中添加@顺风css,标记为未知。 如何避免这种错误?
如styles.css
@tailwind起飞前的;
@tailwind公用事业;
顺风在规则中添加@顺风css,标记为未知。 如何避免这种错误?
如styles.css
@tailwind起飞前的;
@tailwind公用事业;
当前回答
你只需要把这些加到
点击文件> preferences > setting.json
“css.lint。unknownAtRules”:“忽略”, “css。验证”:没错, “scss。验证”:没错,
在setting.json中添加这些代码
其他回答
添加VSCode扩展
添加语言支持
如果你使用VS Code,你可以使用PostCSS语言支持插件。
确保将scss文件与PostCSS关联。
根据tailwindcss-intellisense github库:
VS代码推荐设置
files.associations
使用这些文件。associations设置告诉VS Code总是在顺风CSS模式下打开。CSS文件:
"files.associations": {
"*.css": "tailwindcss"
}
它修复了@顺风警告,并增加了顺风指令,功能的智能感知
关于tailwindcss智能感知扩展的更多信息可以找到 在github存储库
确保安装PostCSS语言支持,在VSCODE中找到扩展。 这将删除正在显示的错误。
@apply规则兼容postCSS: https://github.com/tailwindcss/tailwindcss/issues/325
VS市场链接:https://marketplace.visualstudio.com/items?itemName=csstools.postcss
注意:从VS Code中卸载PostCSS智能感知和高亮扩展,否则它将无法工作。
在这里输入图像描述 对于Vue 3,您可能尝试安装Vue 3支持扩展