VSCode 中 Tailwind 类名无提示的主因是字符串内自动补全未开启，需在设置中将 editor.quickSuggestions 的 strings 设为 true；其次检查 tailwind.config.js 是否位于项目根目录、content 字段是否显式声明扩展名、语言模式是否正确（如 TypeScript React）、插件是否识别非标准语法（需配置 classRegex）及动态类名本就不支持补全。
装了插件但里没提示？不是插件坏了，而是 VSCode 根本没把你的字符串当 Tailwind 类来扫描。
tailwind.config.js 没被读到，补全就归零
插件只认项目根目录（即你执行
打开的那一层）下的
或
。它不会自动上溯父目录，也不会钻进
里找。
用
导出配置，别写
—— 除非你在
里明确写了
且 Node ≥14.18
字段必须显式列出扩展名，比如
；写成
就匹配失败，类名索引为空
配置里不能有运行时报错：比如
、
，插件静默降级为默认配置，你自定义的
全部消失
字符串里不提示，是因为 VSCode 默认关掉了
Tailwind 类名几乎都写在引号里：
。而 VSCode 默认关闭字符串内的自动补全——这是最常被忽略的开关。
打开设置（
），搜
，点开后把
设为
改完不用重启 VSCode，但得重新打开当前文件，或执行命令
这个设置影响所有字符串补全（比如 JSON 键名、正则字面量），关掉它，连
里输
都不提示
JSX/TSX 里用
或
，得手动告诉插件“从哪儿抽类名”
插件默认只识别
和
这种字面量。一旦你用
、
或
包裹，就得靠正则提取。
elasticsearch-9.4.0 win
PHP中文网提供Elasticsearch 9.4.0 Windows 版本压缩包下载解压即用，内置 OpenJDK 无需额外配置 Java 环境。该版本重磅推出原生 Prometheus 支持、正式版 Elastic Workflows 以及基于 NVIDIA cuVS 的 GPU 加速向量索引，大幅提升 AI 检索与可观测性能力。建议前往官网下载，快速体验极速搜索与强大的数据分析功能。
下载
立即学习
“
前端免费学习笔记（深入）
”；
在工作区或用户
中加这段：
注意括号和反斜杠要转义；正则必须写在
节点下，不是
相关设置
不支持嵌套模板字符串，比如
，插件只解析静态字符串部分
语言模式不对，插件压根不启动
插件只在
、
、
、
等语言模式下激活。你在
文件里写
，但右下角显示的是
或
，补全就完全不触发。
点右下角语言标识，手动改成
（React 项目）或
（纯 HTML）
对非标后缀（如
），在
加映射：
如果配置文件在子目录（如
），需显式指定路径：
动态类名（
、
）永远不补全——这不是配置问题，是设计限制。插件靠静态扫描
路径下的文本生成候选列表，变量插值无法预知。别在这上面调配置，它本来就不支持。
className=""code .tailwind.config.jstailwind.config.cjssrc/module.exports = { }export default { }package.json"type": "module"content["./src/**/*.{js,jsx,ts,tsx,html}"]["./src/**/*"]require('missing-pkg')fs.readFileSync('nonexistent.txt')theme.extend.colors.brandclassName="text-lg bg-blue-500"Ctrl+,editor.quickSuggestionsstringstrueDeveloper: Reload Window{"key": ""}keycn()tw``className="xxx"class="xxx"clsx()twMerge()tw``settings.json{
"tailwindCSS.experimental.classRegex": [
"className\s*=\s*["'`]([^"'`]*)["'`]",
"class\s*=\s*["'`]([^"'`]*)["'`]",
"cn\(\s*(["'`][^"'`]*?["'`])",
"tw`([^`]*)`"
]
}tailwindCSSeditor.suggestclassName={`${base} ${active ? 'text-blue' : ''}`}htmltypescriptreactvueastro.tsxclassNameTypeScriptPlain TextTypeScript ReactHTML.page.tsxsettings.json"files.associations": {"*.page.tsx": "typescriptreact"}packages/ui/tailwind.config.js"tailwindCSS.experimental.configFile": "./packages/ui/tailwind.config.js"bg-${color}-500text-${size}-fontcontent