Sublime Text 的 Tailwind 补全依赖配置驱动与文本扫描，需启用 JIT 模式、正确设置 content 路径、手动重载插件，并通过显式声明或模板中实际使用来支持动态类名、任意值及自定义工具类。
Sublime Text 默认不支持 Tailwind 的原子类名智能补全，装了官方插件也不一定立刻好用——根本原因是 Tailwind 的 class 名动态生成、依赖配置和 JIT 编译模式，而 Sublime Text 的补全机制是静态的、基于文件扫描或简单正则的。
Tailwind CSS IntelliSense 插件必须手动启用 JIT 模式识别
很多人装了 Tailwind CSS IntelliSense 后发现 bg-red-500 能补全，但 hover:scale-110 或自定义 theme.spacing['1.5'] 衍生出的 p-1.5 就没反应。这不是插件坏了，而是它默认只解析 tailwind.config.js 里显式声明的值，对 JIT 动态生成的变体（如任意值、响应式前缀、状态变体）支持有限。
- 确保
tailwind.config.js中启用了mode: 'jit'（Tailwind v2.1+ 必须） - 在 Sublime Text 的插件设置中打开
"inline_color_preview": true和"class_attribute": "class"，并确认"includeLanguages": {"html": "html", "vue": "html", "erb": "html"}覆盖你的模板类型 - 插件不会自动监听 config 变更——改完
tailwind.config.js后要手动按Ctrl+Shift+P→Reload Tailwind CSS IntelliSense
任意值语法（如 text-[#1e293b]）需要额外配置才能补全
Sublime Text 的插件无法像 VS Code 那样调用 Tailwind 的运行时解析器，所以 text-[xxx]、bg-[rgba(0,0,0,0.5)] 这类任意值默认不进补全列表。强行让它们出现，得靠“伪造”配置项触发静态扫描。
- 在
tailwind.config.js的theme.extend下加一个空的colors或spacing字段，例如：extend: { colors: { 'arbitrary': {} } }—— 这能让插件认为存在“可扩展颜色”，从而激活部分任意值匹配逻辑 - 更可靠的做法：用
content配置显式列出含任意值的模板路径，比如content: ["./src/**/*.html", "./src/**/*.jsx"]，插件会扫描这些文件里的实际出现的text-[...]并缓存为候选词 - 注意：任意值补全是“出现即收录”，不是“输入即推导”。你得先在 HTML 里写一次
text-[#64748b]，保存后重启 Sublime 或触发重载，下次再输text-[才可能弹出这个值
自定义类名（@layer utilities）补全失效的常见原因
你在 src/styles/tailwind.css 里写了 @layer utilities { .sr-only-focusable:focus:not(:focus-visible) { position: static; } }，但 Sublime 就是不提示 sr-only-focusable。问题不在插件，而在 Sublime 不解析 CSS 文件中的 @layer 块——它只认 tailwind.config.js 和扫描到的 HTML 类属性。
立即学习“前端免费学习笔记（深入）”；
- 解决方案只有两个：要么把自定义工具类挪到
tailwind.config.js的theme.extend.Utilities里（支持字符串或函数返回对象），这样插件能读到；要么在 HTML 模板里硬写一次该类名，靠内容扫描兜底 - 如果用了
@apply，Sublime 完全无法理解其展开逻辑——@apply bg-blue-500 hover:bg-blue-700写在 CSS 里，不会让bg-blue-500在 HTML 中获得额外补全权重 - 别指望插件理解 PostCSS 插件（如
tailwindcss-logical-properties）生成的新类名；它们不在 Tailwind 的原始配置或 content 扫描范围内，插件看不见
真正卡住人的从来不是“能不能装插件”，而是搞不清 Sublime 的补全本质是“配置驱动 + 文本扫描”的混合机制，既不像 VS Code 那样有 Language Server 支持实时分析，也不像原生编辑器那样能 hook 到构建流程。你得主动喂给它 config、content 路径、甚至真实用例，它才肯动一动。
