解决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"
      }
      //
    }

效果

相关推荐
XZ探长几秒前
基于 Trae Solo 移动办公修复 Vue3 前端服务问题
前端
蝎子莱莱爱打怪8 分钟前
Claude Code 省 Token 小妙招:RTK + Caveman 组合拳
前端·人工智能·后端
Momo__35 分钟前
Vue 3.6 Vapor Mode:跳过虚拟 DOM,性能极致优化
前端·vue.js
少年白马醉春风丶36 分钟前
从零构建 AIGC 无限画布:AIGCCanvasFlow 技术全解析
前端·后端·aigc
OpenTiny社区39 分钟前
生成式 UI 藏大招!看似露营案例,实则电商集成 GenUI SDK 干货
前端·ai编程·交互设计
Awu12271 小时前
🍎Vue官方Skills深度解读:那些被悄悄藏起来的宝藏
前端·aigc·claude
小小前端仔LC1 小时前
第五篇:前端任务状态管理与实时反馈 (SSE 客户端篇)
前端
LIO1 小时前
Axios Token 无感刷新机制:原理、实现与最佳实践
前端·axios
「已注销」1 小时前
面试分享:二本靠7轮面试成功拿下大厂P6
前端·javascript·面试
Lee川1 小时前
深入浅出:用 React 打造高性能懒加载无限滚动组件
前端·react.js