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

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

解决方法

  1. 安装扩展 Tailwind CSS IntelliSense

  2. 在根目录下创建 .vscode文件夹,并创建settings.json文件。或者打开设置(json)

  3. 然后加入如下内容

    json 复制代码
    {
       //添加此选项
      "files.associations": {
        "*.css": "tailwindcss"
      }
      //
    }

效果

相关推荐
Apifox13 分钟前
Apifox 11 月更新|AI 生成测试用例能力持续升级、JSON Body 自动补全、支持为响应组件添加描述和 Header
前端·后端·测试
木易士心14 分钟前
深入剖析:按下 F5 后,浏览器前端究竟发生了什么?
前端·javascript
在掘金8011015 分钟前
vue3中使用medium-zoom
前端·vue.js
xump37 分钟前
如何在DevTools选中调试一个实时交互才能显示的元素样式
前端·javascript·css
折翅嘀皇虫39 分钟前
fastdds.type_propagation 详解
java·服务器·前端
Front_Yue40 分钟前
深入探究跨域请求及其解决方案
前端·javascript
wordbaby41 分钟前
React Native 进阶实战:基于 Server-Driven UI 的动态表单架构设计
前端·react native·react.js
抱琴_42 分钟前
【Vue3】我用 Vue 封装了个 ECharts Hooks,同事看了直接拿去复用
前端·vue.js
风止何安啊43 分钟前
JS 里的 “变量租房记”:闭包是咋把变量 “扣” 下来的?
前端·javascript·node.js
Danny_FD1 小时前
用 ECharts markLine 标注节假日
前端·echarts