用 Cursor 写 Tailwind v4 组件的效率提升实测

关于 .clinerules 配置，和 .cursorrules 类似但语法略有不同。核心都是声明技术栈、编码规范、禁止事项。建议把项目的 README 和 CLAUDE.md 写详细，AI 工具都会读取这些文件作为上下文。

关于 .cursorrules 配置，核心是告诉 AI 你的技术栈和编码规范。我的配置里明确写了「Next.js 15 App Router + Tailwind v4 + Prisma + Auth.js」，并且加了「禁止 class component」「必须用 Server Component 优先」「i18n 走 next-intl」这些约束，生成代码的可用率从 60% 提升到 90% 以上。

在低配电脑上，Cursor 和 Windsurf 的内存占用都在 1-2GB，Copilot 作为 VS Code 插件更轻量。如果你的电脑只有 8GB 内存，建议用 Copilot 或 Cline 接 API，避免编辑器卡顿。

AI 工具对 Tailwind 类名的支持普遍不错，因为训练数据里 Tailwind 占比很高。但 Tailwind v4 改了一些语法，部分工具还在用 v3 的写法，需要注意版本差异。

Windsurf Cascade 的多文件编辑能力比预期强。我让它给一个博客系统加评论功能，它一次性改了 schema.prisma、新建了 Server Action、改了页面组件、还加了类型定义。虽然有个别地方需要调整，但整体思路是对的。