Tailwind CSS 类名不提示的主因是插件未加载配置、未识别文件或被 VS Code 设置拦截；需确认使用 bradlc 官方插件、配置文件在根目录且正确导出、content 路径含扩展名、开启 editor.quickSuggestions.strings 并设置正确语言模式。
装了 tailwindcss-intellisense 插件但类名还是不提示，基本不是插件没起作用，而是它压根没加载你的配置、没识别当前文件、或者被 VS Code 的默认设置拦住了。
确认插件是 bradlc 官方版且无冲突
VS Code 扩展市场里搜 tailwindcss-intellisense，只认发布者是 bradlc 的那个（ID：bradlc.vscode-tailwindcss）。其他名字带 “tailwind”“autocomplete”“class”的插件，要么不维护，要么不支持 @apply 或 theme()，还可能和你本地配置打架。
- 装完立刻禁用所有其它 Tailwind 相关插件（比如 Auto Rename Tag 附带的类名补全）
- 如果已装多个，卸载后重启 VS Code 再重装官方版
- 右下角状态栏出现
Tailwind CSS图标，才说明插件已识别项目
确保 tailwind.config.js 在根目录且能正常导出
插件只读取当前工作区根目录（即你执行 code . 打开的那一层）下的 tailwind.config.js 或 tailwind.config.cjs。路径错、语法错、导出错，都会导致静默降级为默认配置——你自定义的 theme.extend.colors.brand 就完全不会出现。
- 文件必须是
./tailwind.config.js，不能放在src/或config/下；真放子目录，得在settings.json里显式指定："tailwindCSS.experimental.configFile": "./src/tailwind.config.js" - 导出必须是
module.exports = { }；用export default { }会失败，除非package.json明确写了"type": "module"且 Node ≥14.18 - 配置里不能有运行时报错：比如
require('missing-pkg')、fs.readFileSync('nonexistent.txt')，或await——插件加载失败时不会报错，只会默默退回到默认主题
content 路径必须显式含扩展名，且 editor.quickSuggestions.strings 要打开
插件靠 content 字段扫描源码里的类名字符串。写成 ["./src/**/*"]，它就匹配不到任何文件，索引为空；而 Tailwind 类名几乎都写在字符串里（className="text-lg bg-blue-500"），VS Code 默认关闭字符串内的自动补全，这是最隐蔽也最高频的“没提示”原因。
立即学习“前端免费学习笔记（深入）”；
-
content必须显式列出扩展名，例如：["./src/**/*.{js,jsx,ts,tsx,html}"] - 打开设置，搜
editor.quickSuggestions，把strings设为true - 改完不用重启 VS Code，但得重新打开当前文件，或执行命令
Developer: Reload Window
检查语言模式和文件关联是否正确
插件只在明确支持的语言模式下工作：比如 html、typescriptreact、javascriptreact、astro。如果你在 .js 或 .ts 文件里写 className=""，它不会自动识别——除非你告诉它这些变量承载类名。
- 右下角语言模式必须是
TypeScript React（对.tsx）、JavaScript React（对.jsx）或HTML（对.html）；不是Plain Text、JavaScript或TypeScript - 在
settings.json中加配置，让插件扫描特定属性："tailwindCSS.classAttributes": ["class", "className", "classList", "classNameList"] - 对
clsx()这类函数，需额外启用："tailwindCSS.experimental.classRegex": ["clsx\(([^)]*)\)"]（注意转义） - TSX 中若用
tw``模板字面量，要配："tailwindCSS.experimental.templateStringRegex": "tw`([^`]*)`"
真正卡住的人，往往只差一个 editor.quickSuggestions.strings 开关，或一个漏掉的 .html 后缀——动态拼接类名（如 bg-${color}-500）天然不支持补全，这不是配置问题，是原理限制，别在正则上硬刚。
