VS Code 中 Tailwind CSS 扩展无提示，主因是项目未被识别为 Tailwind 工程；需确保 tailwind.config.js 在根目录或通过 tailwindCSS.experimental.configFile 显式指定路径，并重启窗口；同时检查 includeLanguages 是否覆盖所用语法，如 typescriptreact 或 vue，并确认 showFullFileColorDecorations 启用及无插件冲突。
VS Code 安装 Tailwind CSS 扩展后没提示？
装了 tailwindcss-intellisense 却对 class 里写 bg-blue-500 没反应，大概率是项目没被正确识别为 Tailwind 工程。VS Code 不会自动扫描 tailwind.config.js，必须显式告诉它配置文件在哪，或者确保配置文件在根目录且命名标准。
- 检查项目根目录是否存在
tailwind.config.js（或.cjs/.mjs）；若用tailwind.config.ts，需确认已安装typescript且 VS Code 使用的是工作区 TypeScript 版本 - 如果配置文件在子目录（如
packages/ui/tailwind.config.js），在项目根目录的.vscode/settings.json中加："tailwindCSS.includeLanguages": { "html": "html", "javascript": "javascript", "typescript": "typescript" },<br>"tailwindCSS.experimental.configFile": "./packages/ui/tailwind.config.js" - 重启 VS Code 窗口（不是重载窗口），否则扩展不会重新读取配置路径
class 属性里提示乱码或只显示基础类名？
这是 Tailwind 的 JIT 编译模式和插件扫描范围不匹配导致的——IntelliSense 默认只解析模板字符串里的 class，但如果你用的是 React + className、Vue 的 :class 或动态拼接字符串（如 `text-${size}-font`），就得手动开启对应语言支持。
- 确保
tailwindCSS.includeLanguages包含你实际用的语法，例如 React 项目要加："tailwindCSS.includeLanguages": {<br> "html": "html",<br> "javascript": "javascript",<br> "typescript": "typescript",<br> "typescriptreact": "typescriptreact",<br> "vue": "vue"<br>} - 动态类名（如
class="bg-${color}-500"）默认不解析，除非你启用了tailwindCSS.emulateCompile（不推荐，性能差）或改用@apply+ CSS-in-JS 方案 - Vue 3 的
v-bind:class对象/数组语法支持有限，建议把复杂逻辑抽到 computed，保持 class 属性为静态字符串
提示有但颜色/间距预览不显示？
颜色背景、间距缩略图这些“视觉提示”依赖 VS Code 的装饰 API 和 Tailwind 插件的渲染能力，它们不是核心功能，容易被其他插件干扰或被禁用。
- 检查是否误关了
tailwindCSS.showFullFileColorDecorations（默认 true），可在设置里搜 “Tailwind CSS: Show Full File Color Decorations” - 某些主题（尤其是高对比度或自定义 CSS 主题）会覆盖装饰颜色，可临时切回
Default Dark+验证 - 大文件（>1MB）或含大量内联样式时，VS Code 会自动禁用装饰以保响应速度，这不是 bug，是编辑器限制
为什么保存后 class 提示突然失效？
常见于使用 Vite / Next.js 等框架时，开发服务器启动后修改了 tailwind.config.js 但没重启服务，导致 IntelliSense 缓存的配置和运行时不一致。VS Code 插件本身不监听配置文件变更，它只读一次。
- 每次改完
tailwind.config.js（比如加了新的theme.extend.spacing），必须重启 VS Code 窗口或至少执行命令Developer: Reload Window - 如果用 pnpm workspace 或 monorepo，确保
tailwind.config.js在当前打开的 VS Code 工作区根目录下，而不是某个 package 子目录里（除非你显式配了experimental.configFile） - 留意输出面板里的
Tailwind CSS Language Server日志，如果有Cannot find module 'tailwindcss'，说明插件找不到本地安装的 Tailwind，需在项目中运行npm install -D tailwindcss
最常被忽略的是：插件不代理构建行为，它只做静态分析。所以哪怕你在 content 配置里写了 ./src/**/*.{js,ts,jsx,tsx}，但文件里没出现过 bg-red-400 这个完整字符串，IntelliSense 就不会把它列进提示——它不是靠生成的 CSS 反推，而是靠扫描源码文本。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
