必须安装 bradlc 版 tailwind css intellisense，正确配置 tailwind.config.js 位置与格式、content 路径、jsx/tsx 语法作用域，并禁用 emmet 和原生 html 补全干扰，否则补全静默失效。
Tailwind CSS IntelliSense 插件能用，但不是装上就自动生效——它对配置极其敏感，错一个地方，class=" 后光标就卡住，补全完全不弹。
必须装 Tailwind CSS IntelliSense（bradlc 版）
别搜“tailwind”随便点安装。社区里有 sublime-tailwindcss 和 Tailwind CSS Autocomplete 这类老插件，它们不读 tailwind.config.js，遇到 theme.extend.spacing 或 dark: 变体直接失效；更糟的是，碰到函数式导出（export default）或 .cjs 配置文件会静默崩溃，连错误都不报。
只认 Tailwind CSS IntelliSense（作者 bradlc），它是目前 Sublime 上唯一稳定支持 JIT 模式、变体补全、hover 查看和跳转定义的版本。
tailwind.config.js 必须放对位置、写对格式
插件不会向上查找父目录，也不会递归扫描：它只读你用 subl . 打开的那个文件夹下的 tailwind.config.js。放错位置等于没配。
内容必须是 module.exports = { content: [...] }，不能用 export default（除非 package.json 里明确写了 "type": "module"，否则插件加载失败且无提示）。content 字段必须显式列出扩展名，例如：["./src/**/*.{html,js,jsx,ts,tsx}"]；写成 ["./src/**/*"] 或含 ../ 路径，插件就找不到任何模板文件，索引为空，补全静默失效。
JSX/TSX 中 className 补全要手动配语法作用域
插件默认只在 .html 文件中激活补全。你在 .jsx 或 .tsx 里写 className="text-"，不额外配置，就不会触发。
需在插件设置里加这两项：
{
"class_attribute_regex": "(class|className|class:list)=\"([^\"]*)\"",
"additional_syntaxes": [
"Packages/React JSX/React JSX.sublime-syntax",
"Packages/TypeScript-TSX/TypeScriptReact.sublime-syntax"
]
}
注意路径大小写和拼写，Sublime 对语法包名很严格；如果用了自定义语法包，得查清它的实际包名再填。
Emmet 和原生 HTML 补全会干扰 Tailwind 提示
Emmet 默认在 class="" 里插入一堆冗余属性建议，跟 Tailwind 补全打架，结果就是输入 class=" 后弹出 Emmet 列表，Tailwind 的 text-lg、bg-blue-500 根本不出现。
关掉 Emmet 的 class 属性补全：Preferences → Package Settings → Emmet → Settings，把 "attributes": ["class"] 从数组里删掉；
同时禁用 Sublime 原生的 HTML 属性补全：在用户设置里加 "auto_complete_triggers": [] 或针对性屏蔽："auto_complete_selector": "source - comment - string - constant"。
真正卡住人的地方不在插件安装，而在 content 路径是否精确匹配、additional_syntaxes 是否拼写正确、以及 Emmet 是否彻底退让——三者任一出错，补全就停摆，且没有任何报错提示。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
