解决VS Code中Tailwind CSS的黄线警告

570 阅读1分钟

当你在VS Code中使用Tailwind CSS时,内置的CSS语言服务会对未知的CSS规则进行校验, 可能会遇到如下图所示的大量黄色波浪线警告:

image.png

解决方法

  1. 安装扩展 Tailwind CSS IntelliSense image.png
  2. 在根目录下创建 .vscode文件夹,并创建settings.json文件。或者打开设置(json)
  3. 然后加入如下内容
    {
       //添加此选项
      "files.associations": {
        "*.css": "tailwindcss"
      }
      //
    }
    
    

效果

image.png