Sublime Text 中 Tailwind CSS 类名补全需同时满足四要素：tailwind.config.js 必须位于项目根目录、用 module.exports 导出、content 字段显式声明扩展名、在 Settings 中配置 syntaxes 并禁用 Emmet 干扰，缺一不可。
Sublime Text 要让 Tailwind CSS 类名真正“活起来”，不是装个插件就完事——Tailwind CSS IntelliSense（bradlc 版）必须配对正确的 tailwind.config.js 位置、content 字段写法、语法作用域和 Emmet 干扰项，缺一不可。否则你敲 class=" 后光标停住，什么都不会弹出来。
为什么装了插件还是没提示？
绝大多数失效场景不是插件坏了，而是它根本没加载到你的配置。插件只认项目根目录（即你执行 subl . 打开的那一层）下的 tailwind.config.js 或 tailwind.config.cjs，且导出必须是 module.exports = { ... }。
-
tailwind.config.js放在src/或config/子目录里 → 插件静默降级为默认类名列表 - 写成
export default { ... }或用.ts后缀 → 读取失败，自定义颜色/间距全消失 -
content字段写成["./src/**/*"]→ 扩展名未显式声明，插件无法匹配任何文件，索引为空 - 配置里有
require('missing-package')或fs.readFileSync()→ 加载时报错，插件不报错也不提示，直接退回到基础模式
如何让 JSX/TSX 中的 className 触发补全？
插件默认只在 .html 文件中激活 class 补全。你在 .jsx 或 .tsx 里写 className=""，得手动告诉插件哪些语法类型要支持。
- 打开
Preferences → Package Settings → Tailwind CSS IntelliSense → Settings - 填入：
{ "syntaxes": ["HTML", "JavaScript React", "TypeScript React", "Vue"] } - 如果项目用了非标后缀（如
.page.tsx），还需在 Sublime 全局设置中加："files.associations": {"*.page.tsx": "typescriptreact"} - 确保
class_attribute_regex能匹配你实际写的属性名，例如："class_attribute_regex": "(class|className|class:list)=\"([^\"]*)\""
Emmet 和快捷键冲突怎么破？
Emmet 默认会把 flex 展开成 flex="flex"，直接吃掉 Tailwind 类名输入；而插件补全触发时机也不是 Ctrl+Space，是在 class=" 后敲空格或双引号闭合时才扫描上下文。
立即学习“前端免费学习笔记（深入）”；
- 禁用 Emmet 对 HTML 的干扰：打开
Preferences → Settings，加入："emmet.excludeLanguages": ["html"] - 别指望按
Ctrl+Space唤出 Tailwind 提示——它不响应这个快捷键；补全是自动的，前提是语法正确、路径对、扩展名显式、Emmet 不抢输入 - 若想快速唤出建议，可绑定自定义快捷键到
tailwind_css_intellisense.show_completions命令（需查插件文档确认命令名）
最常被忽略的一点：插件不会递归查找配置文件，也不会执行函数式配置（比如 module.exports = (config) => ({ ... })）。哪怕你用的是 Tailwind v4，只要 tailwind.config.js 是函数式导出，Sublime 就直接跳过——它只吃静态对象导出。这点和 VS Code 不同，没有 fallback 机制。
