Sublime Text 需手动配置 LSP 体系实现 Tailwind CSS 类名提示：先装 Package Control，再装 LSP 和 LSP-tailwindcss 插件，接着项目内安装 tailwindcss-language-server，配置 content 路径与 tailwind.config.js，并在 LSP 设置中启用 tailwindcss，最后重启 Sublime。
Sublime Text 默认不支持 Tailwind CSS 类名提示，必须手动配置 LSP（Language Server Protocol）体系才能实现智能补全——这不是装个插件点一下就完事的，关键在「前后端协同」：前端是 LSP 插件，后端是 tailwindcss-language-server 进程。
确认 Package Control 已就位
没它，后续所有安装都走不通。打开 Sublime → Ctrl+Shift+P → 输入 Install Package Control，若没反应，说明已存在；若弹出安装命令，执行即可。别跳过这步——很多“提示不生效”问题根源就是 Package Control 损坏或未初始化。
装 LSP 主包 + LSP-tailwindcss 插件
这是 Sublime 的语言服务底座和 Tailwind 专属适配器，二者缺一不可：
- 按 Ctrl+Shift+P → 输入
Package Control: Install Package - 依次搜索并安装：
LSP（必须先装），再装LSP-tailwindcss
⚠️ 注意：只装 LSP-tailwindcss 不装 LSP，插件根本不会启动；装了 LSP 却没装具体语言插件，也不会有任何 Tailwind 提示。
立即学习“前端免费学习笔记（深入）”；
安装并指定 tailwindcss-language-server
这是真正干活的后台服务，负责解析 tailwind.config.js、扫描 content 路径、生成类名列表。它不依赖 Sublime，是独立 Node 进程：
- 推荐项目内安装（避免全局版本冲突）：
npm install -D tailwindcss-language-server
- 确保项目根目录有有效的
tailwind.config.js，且content字段覆盖你写 HTML/JSX 的路径，例如：content: ["./src/**/*.{html,js,jsx,ts,tsx,vue}"] - 若配置文件不在根目录（比如放在
config/tailwind.config.js），必须在 Sublime 的 LSP 设置中显式指定："tailwindCSS.configFile": "./config/tailwind.config.js"
? 常见失败现象：输入 class=" 没提示 → 先检查终端能否运行 npx tailwindcss-server --version；再确认 content 路径是否真能匹配到你的模板文件（大小写、扩展名、通配符都要对得上）。
LSP 设置与重启验证
打开 Sublime → Preferences → Package Settings → LSP → Settings，填入：
{
"LSP": {
"tailwindcss": {
"enabled": true,
"settings": {
// "tailwindCSS.configFile": "./config/tailwind.config.js"
}
}
}
}
改完必须重启 Sublime（不是重载窗口，是彻底关闭再打开）。然后打开一个 .html 或 .vue 文件，在 class=" 后按 Ctrl+Space 或直接开始输，比如 text-，应该立刻看到颜色类候选。
最易被忽略的一点：Sublime 不像 VSCode 那样自动感知项目类型，LSP-tailwindcss 是否启用，完全取决于你是否在设置里显式启用了 "enabled": true，且路径、server、config 三者全部就位——漏掉任意一环，提示就静默失效。
