Tailwind 类名不提示主因是插件未读取 tailwind.config.js 或未识别 Tailwind 语法；需安装 bradlc 官方插件、确保配置文件在根目录且正确导出、content 路径含扩展名、开启 editor.quickSuggestions.strings，并手动重载窗口。
Tailwind 类名在 VSCode 里不提示，基本不是插件没装，而是它压根没读到你的 tailwind.config.js，或者根本没识别你在写 Tailwind —— 这类问题 90% 都卡在这两步。
确认插件是 bradlc 官方版且无冲突
VS Code 扩展市场搜 tailwindcss-intellisense，只认发布者是 bradlc 的那个（ID：bradlc.vscode-tailwindcss）。其他名字带 “tailwind”“autocomplete”“class”的插件，要么不维护，要么不支持 @apply 或 theme()，还可能和你本地配置打架。
- 装完立刻禁用所有其它 Tailwind 相关插件（比如 Auto Rename Tag 附带的类名补全）
- 别信“一键启用”类教程——它不自动生效，依赖项目配置和语言模式对齐
- 如果已装多个，卸载后重启 VS Code 再重装官方版
确保 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 - 改完不用重启，但得重新打开当前文件，或执行命令
Developer: Reload Window
JSX/TSX 中用 clsx/tw 等函数时需额外配 classRegex
插件默认只在 html、vue、astro、tsx 等语言模式下激活。如果你在 .js 或 .ts 里写 className={clsx("text-lg", "bg-blue-500")}，它不会自动识别——除非你告诉它哪些变量名承载了类名。
- 确保文件右下角语言模式是 JavaScript React 或 TypeScript React，不是纯 JavaScript
- 在
settings.json中加："tailwindCSS.classAttributes": ["class", "className", "classList", "classNameList"] - 对
clsx()这类函数，加："tailwindCSS.experimental.classRegex": ["clsx\(([^)]*)\)"]（注意双反斜杠转义） - TSX 中若用
tw``模板字面量，要配："tailwindCSS.experimental.templateStringRegex": "tw`([^`]*)`"
真正容易被忽略的是：改完 tailwind.config.js 后，VS Code 不会自动重载语言服务；你得手动触发 Developer: Reload Window，否则所有配置都是白改。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
