我试图在Nuxt.js Vue文件的@apply标记中使用Tailwindcss样式指令。一切正常，但我不断得到一些恼人的红色波浪线。拜托，伙计们，我需要帮助.谢谢大家！

以下是截图和片段：

在此输入图像描述

样式范围。标题{

@应用面向文本的字体-浅色块文本-5xl pt-2；

}。消息{

@ apply font-light Pb-4 text-oriented text-2xl text-blue-bayoux

}

/style

更佳答案

VS Code中没有解决这个问题的内置方法。解决这个问题的推荐方法是使用Stylelint扩展来处理CSS林挺(SCSS和/或Less等)。).它非常强大，除了为您消除这些错误之外，它还可能改进您的样式表。

您需要将styleint依赖项添加到项目中。运行：

npm安装-保存-开发stylelint stylelint-配置-标准

纱线添加-D stylelint stylelint-配置-标准

在项目的根目录中创建stylelint.config.js。(与存储package.json的位置相同)

把这个夹子放进去：

module.exports={

extends :[' stylelint-config-standard ']，

规则： {

“无未知规则”: [

没错，

{

忽略规则： [

顺风'，

应用'，

变体'，

响应性'，

屏幕'，

],

},

],

声明-块尾分号' : null，

无下降特异性' : null，

},

};

将这些扩展安装到您的VS代码设置：中

Stylelint

顺风CSS智能感知

最后但同样重要的是，调整您的本地或全局VS Code设置。json文件包括：

css.validate': false，

less.validate': false，

scss.validate': false，

通过这种方式，您将“禁用”原生林挺，但仍然确保使用Tailwind IntelliSense插件将其删除。