cursor-tailwind-css

Cursor IDE 的 Tailwind CSS 规则 1. **自动补全**：在编写 HTML 或 JSX 时，Cursor IDE 会根据 Tailwind CSS 类名提供智能补全建议。 2. **语法高亮**：Tailwind 类名会以特定颜色高亮显示，便于识别。 3. **悬停提示**：将鼠标悬停在类名上时，会显示对应的 CSS 样式说明。 4. **快速修复**：检测到无效或拼写错误的类名时，提供快速修复建议。 5. **配置感知**：自动读取项目中的 `tailwind.config.js` 文件，确保补全和提示与自定义配置一致。 6. **PurgeCSS 支持**：在构建时自动移除未使用的样式，优化最终输出文件大小。 7. **响应式前缀提示**：输入 `sm:`、`md:`、`lg:` 等响应式前缀时，提供上下文相关的类名建议。 8. **变体支持**：支持 hover、focus、active 等状态变体的自动补全。 9. **Jit 模式兼容**：完全兼容 Tailwind CSS JIT（即时）编译模式，实时生成所需样式。 10. **错误检测**：标记不存在的类名或语法错误，并提供修正建议。

存档时间线

版本索引永久保留；内容副本只保留最新 1 份，更早版本仅留索引与哈希（存档时间线的证据链不会因此断裂）。

下载存档内容副本