Cursor工作流程改进

1- ✨ Cursor 工作流程改进 ✨

1.1- 项目规划

1.1.1- 利用 ChatGPT 进行项目规划

1️⃣ 在使用 V0 之前,我会用 ChatGPT 规划整个项目。这包括创建完整的产品需求文档 (PRD)、定义数据库结构、选择配色方案,以及规划所有页面的 UI 布局。这些准备工作确保我在开始使用 V0 之前有清晰的愿景。

1.1.2- 创建详细的项目文档

💡 这是你最好的助手。你应该创建一个包含项目每一个细节的完整文档。

  • 💡 核心功能
  • 🎯 目标和宗旨
  • 🔧 技术栈和使用的包
  • 📁 项目文件夹结构
  • 🤖 数据库设计
  • 🖥️ 登陆页面组件
  • 🎨 配色方案
  • 📝 文案

📝 将所有这些内容放入一个名为 instructions.md 的文件(名字随便起),这样 Cursor 可以随时进行索引。

1.2- 获取一个 .cursorrules 文件

1.2.1- 编写 .cursorrules 文件

🧩 很多人忽略了这一步。我理解,编写 .cursorrules 文件可能让人望而生畏,但它确实能带来极大帮助。

🔗 这是一个我总是推荐的优秀仓库,可以帮助你入门。选择你的技术栈,并根据你的偏好进行编辑。

网址: awesome-cursorrules

1.2.2- 使用 Cursor Directory 获取专业提示

💡 Cursor 的提示目录是技术项目的宝藏。我会自定义这些提示并将其存储在 .cursorrules 文件中,调整 Cursor 的响应使其完全符合我的技术栈。

1.3- 使用 V0 构建登陆页面

1.3.1- 使用 V0 设计 UI

🛠️ 从你的 instructions.md 文件中获取核心功能、配色方案和组件。

💚 额外提示:可以参考其他登陆页面的截图,以便让 V0 更好地理解你的想法。附上 Dribbble 上的灵感截图可以帮助 V0 准确理解你想要的美感。在这种指导下,我让 V0 为项目生成 UI 基础。

1.3.2- 不断优化

⚡ 为了获得最佳效果,我会持续提示 V0 参考附带的截图来优化每个页面。这种迭代式的提示可以调整布局和设计,确保 V0 每次都能更接近我的设想。

🤖 使用组件库,我推荐 shadcn,因为 v0 与它配合良好。我也常用 MagicUI。

🔍 记住,你不需要让 V0 完美无缺。
🚀 只需一个足够好的基础,便于你后续在 Cursor 中进一步编辑和优化。

1.4- 聊天 Vs 编辑器

1.4.1- 使用聊天功能

💬 使用聊天功能完成较小的任务,解释代码/命令。可以用它来提问和导航。

1.4.2- 使用编辑器(Composer)

🔥 用编辑器(Composer)来写代码,始终在编辑器中标记你的 instructions.md 文件,并告诉它随着项目进展进行更新。

🚀 每次只让编辑器执行一个任务,逐步进行更改。如果你让它编辑多个文件,它可能会产生幻觉,导致你失去控制。

👀 在批准更改之前,始终检查代码是否干净整洁。

🌟 将你的 Claude 积分留给编辑器,使用 GPT-4o-mini 来进行聊天。

1.5- 标记你的文档

1.5.1- 标记官方文档以获取准确信息

🛠️ 在使用特定框架或服务时,我会在 Cursor 中同步它们的官方文档。这样,我的提示总能获取最新最准确的信息,最大限度地减少错误并提高准确性。

1.5.2- 在 Cursor 中将核心项目文档组织为 .md 文件

📝 为了保持所有阶段的一致性,我将 PRD、数据库架构、用户旅程等关键文档直接保存为 Cursor 中的 .md 文件。这样的设置让我在开发过程中能快速查阅核心细节,确保与初始计划保持一致。

1.5.3- 将可用代码保存为 .md 文件

🛠️ 当 Cursor 生成完美契合的代码时,我会将其作为可重用示例保存在 Cursor 的 .md 文件中。这个习惯对未来的项目来说是巨大的时间节省,让 Cursor 能够提供一致且可靠的代码片段。

1.6- 使用 Cursor 进行开发

1.6.1- 从代码模板开始

🛠️ 不要浪费时间重复造轮子。使用样板代码来处理认证、路由保护和数据库连接等基本功能,这样可以节省大量时间并提高效率。

1.6.2- 集成核心功能

🛠️ 在 V0 生成基础 UI 代码后,我会将所有内容导入 Cursor 开始搭建核心功能。这包括:

  • 集成 Supabase 作为后端
  • 添加认证
  • 路由保护
  • 数据库连接
  • 其他基本功能

1.6.3- 保持代码整洁

🔍 在开发过程中,始终保持代码的整洁和可读性。定期进行代码审查,确保代码质量和团队协作的顺利进行。

1.7- 持续优化和迭代

1.7.1- 定期回顾和调整

🔄 在项目开发过程中,定期回顾项目进度和文档,确保所有内容与初始计划保持一致。根据用户反馈和测试结果,不断优化和调整项目。

1.7.2- 使用版本控制

💾 使用 Git 进行版本控制,确保代码的版本管理和团队协作的高效性。定期提交代码并编写详细的提交信息,方便团队成员了解每次更改的具体内容。