Sublime Text 可通过安装 Tailwind CSS IntelliSense 插件并正确配置路径、content 字段、语法作用域及快捷键，实现对 JIT 模式和 class 智能提示的支持，无需运行 Node 服务或 watch 进程。
Sublime Text 本身不原生支持 Tailwind CSS 的 JIT 模式和 class 智能提示，但通过合理配置插件和设置，可以实现接近 VS Code + Tailwind CSS 插件的开发体验——关键是装对插件、配好路径、启用 JIT 检测。
安装 Tailwind CSS IntelliSense 插件（核心）
这是 Sublime 上最接近官方体验的插件，由社区维护，支持 class 名自动补全、Hover 查看样式定义、Goto Definition 跳转到 tailwind.config.js 中的自定义配置等。
- 打开 Package Control（Ctrl+Shift+P / Cmd+Shift+P），输入 Install Package，回车
- 搜索并安装 Tailwind CSS IntelliSense（作者：
bradlc，注意不是旧版sublime-tailwindcss） - 安装后无需重启，但需确保项目根目录存在
tailwind.config.js或tailwind.config.cjs
启用 JIT 模式并确保插件识别
Tailwind v3.0+ 默认启用 JIT（Just-in-Time）引擎，但 Sublime 插件需要明确知道你用的是 JIT 模式，否则可能漏提示或报“no utility found”。关键在配置文件和构建流程中显式声明。
- 确认
tailwind.config.js中已移除mode: 'jit'（v3.0+ 已废弃，JIT 默认开启） - 确保
content字段正确指向模板文件（如content: ["./src/**/*.{html,js,jsx,ts,tsx}"]），插件依赖该字段扫描 class 使用情况 - 若使用 PostCSS，检查
postcss.config.js是否已引入tailwindcss和autoprefixer，且顺序正确
配置 Sublime 以支持 HTML/JSX 中的 class 提示
默认情况下，插件只在 .html 文件中激活 class 补全；若你在 .jsx、.tsx 或模板字符串中写 class，需手动扩展语法作用域。
立即学习“前端免费学习笔记（深入）”；
- 进入 Preferences → Package Settings → Tailwind CSS IntelliSense → Settings
- 在右侧用户设置中添加：
保存后，JSX 和 TSX 文件中的 className 就能触发智能提示了。
优化体验：禁用冗余提示 & 设置快捷键
避免与 Sublime 原生 HTML 补全冲突，可关闭默认 class 属性建议，并绑定快速唤出 Tailwind 补全的快捷键。
- 在 Preferences → Settings – Syntax Specific（当前为 HTML/JSX 时）中添加：
- 如需按 Ctrl+Space 强制唤出 Tailwind 补全（尤其在引号内），可在 Preferences → Key Bindings 添加：
基本上就这些。不用装 Node server，也不用跑 watch 进程——Tailwind IntelliSense 是静态分析型插件，只要配置路径对、content 扫得准，JIT 模式下的动态 class（比如 bg-[#1da1f2]、text-[22px]）也能实时提示。
