输入flex没反应，是因为VSCode未识别语言模式（如右下角显示TypeScript而非TypeScript React）或editor.quickSuggestions.strings未设为true；需手动切换语言模式、开启字符串补全，并确认content路径含扩展名、tailwind.config.js在根目录且无运行时错误。
为什么输入 flex 没反应？检查语言模式和字符串补全开关
VSCode 不会在字符串里自动提示类名，除非你明确告诉它“这里要补全”。最常见的情况是：你在 .tsx 文件里写 className="flex"，但右下角显示的是 TypeScript 而不是 TypeScript React；或者 editor.quickSuggestions.strings 仍为 false。
- 点击右下角语言标识，手动选成
TypeScript React（React 项目）或Vue（Vue 项目） - 打开设置（
Ctrl+,），搜editor.quickSuggestions，把strings设为true - 改完不用重启 VSCode，但需关闭再重新打开当前文件，或执行命令
Developer: Reload Window
className={cn("text-lg", ...)} 类名不提示？配 tailwindCSS.experimental.classRegex
插件默认只识别 class="" 和 className="" 字面量。一旦你用 cn()、tw() 或模板字符串包类名，就得显式告诉插件“从哪儿提取字符串”。
- 在
settings.json中加这一行："tailwindCSS.experimental.classRegex": ["className=\s*["']([^"']*)["']", "cn\(\s*["']([^"']*)["']"] - 注意：正则里用双反斜杠
\s，不是单个s（JSON 里转义要求） - 如果用了带括号的多参数调用，比如
cn("a", "b", condition && "c")，插件只能提取第一组引号内容，其余动态部分不索引
输入 bg- 后没列颜色？确认 content 路径含扩展名且无运行时错误
插件靠静态扫描 content 列出的文件生成类名候选集。路径错、扩展名漏、配置里有 require("xxx") 或 fs.readFileSync，都会导致静默降级——你自定义的 theme.extend.colors 全部消失，只剩默认色板。
-
content必须显式带扩展名：["./src/**/*.{js,jsx,ts,tsx,html,vue}"]，不能写成["./src/**/*"] -
tailwind.config.js必须放在项目根目录（即你执行code .打开的那一层），插件不会向上找父目录，也不会钻进src/里读 - 配置里避免任何同步 I/O 或未安装的依赖，例如
require("tailwindcss-safe-area")但没装包，插件会直接跳过整个配置
按 Tab 展开 div.flex 却没 class 提示？Emmet 和 Tailwind 插件要协同启用
Emmet 能把缩写转成带 class 的标签，但后续在 class="" 里继续输入时，是否触发 Tailwind 补全，取决于语言模式和字符串开关是否就位。
立即学习“前端免费学习笔记（深入）”；
- 先确保已开启
editor.quickSuggestions.strings，否则 Emmet 生成的空字符串里也补不了 - 输入
div.flex.items-center后按Tab，得到<div class="flex items-center"></div> - 光标停在
class引号内，此时输入bg-才会弹出背景色列表——前提是语言模式正确、配置已加载、右下角显示Tailwind CSS图标
content 路径没扫到文件、或 classRegex 没覆盖你的写法。这些点都得挨个验证，缺一不可。 
