You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用CDN链接时Tailwind CSS IntelliSense无法工作怎么办?

解决HTML文件中Tailwind CSS IntelliSense无提示的问题
  • 确认项目根目录存在正确的tailwind.config.js文件,且content字段已包含你的HTML文件路径,示例配置:
    /** @type {import('tailwindcss').Config} */
    module.exports = {
      content: ["./**/*.html", "./src/**/*.js"], // 根据实际项目结构调整路径
      theme: {
        extend: {},
      },
      plugins: [],
    }
    
  • 检查VS Code的settings.json,确保以下关键配置正确开启:
    "tailwindCSS.includeLanguages": {
      "html": "html"
    },
    "editor.quickSuggestions": {
      "strings": true
    },
    "tailwindCSS.emmetCompletions": true
    
  • 执行VS Code窗口重载(快捷键Ctrl+Shift+P,选择"Reload Window"),部分扩展生效需要重启环境
  • 验证HTML文件的语言模式:查看右下角状态栏,确保当前文件模式为HTML,若为其他模式手动切换
  • 排查扩展冲突:暂时禁用其他CSS相关扩展(如CSS Peek、Stylelint等),测试提示是否恢复
  • 确认Tailwind CSS IntelliSense扩展为最新版本,在扩展面板中检查并安装更新

内容的提问来源于stack exchange,提问作者monukd01dev

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.18 13:44:50