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

如styles.css

@tailwind起飞前的;

@tailwind公用事业;


当前回答

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

确保将scss文件与PostCSS关联。

其他回答

在这里输入图像描述 对于Vue 3,您可能尝试安装Vue 3支持扩展

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

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

>用户设置:

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

再见!

CSS智能是不完整的

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

确保将scss文件与PostCSS关联。

如果顺风css不像未知规则引起的错误那样工作,你需要重新构建它。例如,如果你已经在本地环境中运行了npm run dev,你可以用ctrl + c退出并再次运行npm run dev来创建一个正常的纯CSS文件,这将使顺风CSS工作。

这正是我所遇到的问题以及我是如何解决它的。

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

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