Tailwind类名无提示的根本原因是插件未读取配置、未识别语言模式或字符串补全关闭：需确保tailwind.config.js在项目根目录且用module.exports导出，content路径显式含扩展名（如"./src/*/.{js,jsx,ts,tsx,html}"），并开启editor.quickSuggestions.strings。
装对插件、配好配置、打开字符串补全，三步到位。其他所谓“技巧”基本是绕开这三个环节的临时补丁，治标不治本。
为什么Tailwind类名没提示？
不是插件坏了，而是 VSCode 没读到你的 tailwind.config.js，或者根本没在字符串里触发补全。
-
tailwind.config.js必须在项目根目录（即你执行code .打开的那一层），插件不会向上找父目录，也不会向下钻进src/里找 - content 路径必须显式带扩展名：
["./src/**/*.{js,jsx,ts,tsx,html}"]✅；["./src/**/*"]❌ —— 后者索引为空，补全列表只剩默认值 -
editor.quickSuggestions.strings默认是false，而 Tailwind 类名几乎全写在字符串里（className="bg-blue-500"），关了它，连{"key": ""}里输key都不提示
颜色预览不显示？检查这三项
色块和悬停信息依赖插件识别颜色语义，不是所有 bg-* 都能触发预览。
- 确保
"tailwindCSS.colorHints": true已写入settings.json - 自定义颜色必须声明在
tailwind.config.js的theme.extend.colors下，例如：'brand': '#6366f1'，否则bg-brand不渲染色块 - 任意值语法如
bg-[#6366f1]能触发预览，但不会出现在补全列表里——这是设计行为，不是 bug
JSX里用 cn() 或模板字面量没提示？
插件默认只认 class="" 和 className="" 字面量，遇到封装函数或模板字面量，得手动告诉它“从哪儿提取字符串”。
- 在
settings.json中加："tailwindCSS.experimental.classRegex": ["cn\s*\(\s*(["'`][^"'`]*?["'`])"]（注意反斜杠转义） - 若用
tw``，再加："tailwindCSS.experimental.templateStringRegex": "tw`([^`]*)`" - 正则必须写在
tailwindCSS节点下，不是editor.suggest相关设置
最常被忽略的是：改完 settings.json 或 tailwind.config.js 后，不用重启 VSCode，但得重新打开当前文件，或执行 Developer: Reload Window；提示失效时，别反复重装插件，直接 Ctrl+Shift+P → 输入 Tailwind CSS: Restart Tailwind CSS Server 即可。
