全新的 Cursor 编程工作流程:🧵
(收藏此帖以备将来参考)
开始阅读之前,记得点赞、转发或收藏🫶
本Threads内容由人机协同内容引擎发布
翻译自@cj_zZZz的推文
1、统一界面:Agent 作为默认模式
以前的“Chat”和“Composer”选项卡被更简单的下拉菜单取代:
“Agent”模式现在是默认模式
使用“Edit”模式进行精确修改
使用“Ask”模式进行规划和提问
现在有了更好的用户界面/用户体验。
2、自动网络搜索:
Agent 现在可以自动搜索网络以获取最新信息,无需使用 @ Web 命令,这对于查找官方 API 文档非常有用。
现在可以更好地处理诸如 shadcn 安装和 Stripe API 集成之类的问题。
但是,仍然建议将此添加到您的规则中:
“每当提到新的软件包或 API 时,始终在网络上搜索官方文档,然后继续实施。”
3、构建上下文边界:
由于 Agent 现在比以往任何时候都更加自主,它可能会产生幻觉并在几秒钟内弄乱代码库。
为了解决这个问题,请附上“项目编码文档”
- 产品需求文档(PRD)
- 应用流程文档
- 前端和后端指南
等等
使用 @CodeGuidedev 生成编码文档。
现在,CodeGide 可以一键将您的编码文档附加到 Cursor。
4、创建实施计划:
对于 Agent 来说,实施计划非常重要,这样它可以自主地遵循从 1 到 50 的所有步骤来完成您的应用程序编码。
您的工作是点击“全部接受”,并确保它没有遗漏任何步骤。
CodeGuide 使用 03-mini-high 模型编写此计划。
5、调试提示
像 Sonnet 3.5 这样的编码模型可能会忽略重要的细节,所以使用 Sonnet 3.5 进行编码,使用 o1 模型进行调试。
然后使用附加的提示。
这将帮助 AI 分析错误的核心原因,然后创建一个逐步修复错误的计划。
6、响应结构:
使用以下布局来组织您的响应。
提供更新:“侧边栏菜单现在已完美对齐。”
分享下一个任务:“现在我们需要添加暗黑模式”
标记正确的文件:“检查 @(文档名称)并解释您将如何实现这一点”
7、使用入门套件(样板)
与其从头开始,不如使用入门套件来快速加载您的初始项目设置。
我在 @CodeGuidedev 中添加了 6 个入门套件,它们是专门为 AI 编码模型构建的,预装了所有最常用的软件包。
总结:
1、使用 Sonnet 3.5 进行编码,使用 o1 进行调试
2、使用带有编码文档的“Agent”模式来构建上下文
3、使用入门套件来节省时间并最大限度地减少开发错误
4、使用调试提示 + 响应结构布局
5、定期提交到 Github 以获得更好的版本控制
我将向 CodeGuide 添加预构建的 UI 组件、应用程序和着陆页。您会喜欢 v3 版本的。
以上是原贴的分享
-------
接下来分享一下我自己的技巧:
1、先用AI把PRD进行英文详细翻译,包括项目文件目录,技术栈,相关文档,流程图,细节要求等等,这份文档很重要
2、基于这个文档让Cursor开始构建
3、时刻关注Cursor的代码更新,不要往同一个文件构建太多函数,必要时向它提出要求,构建新文件,否则你会拿到一个非常多代码行的无法维护的工程
4、可以将代码文件中的函数名也单独拿出来维护文档,这样Cursor可以参考文档,针对性的cat代码出来,会消耗更少的function calls,更快更精准完成任务
5、涉及到i18n国际化的地方,一定要提前规划,后续补充会很麻烦
6、大改动之前一定提交git,避免出现大规模问题
7、对cursor的提示可以增加:请使用较小的代码量改动,最安全的方法进行代码优化
8、内容较多时,记得进行重构优化,否则cursor的处理会越来越慢……
9、可以使用MCP连接Chrome浏览器,方便cursor快速获取控制台信息,并能实时截图了解具体情况
10、每完成一个功能模块后,记得让Cursor把实现思路,代码函数等打印到文档中,方便后续提供上下文
最后,感谢你花时间阅读了这篇推文!🫶
关注@Yangyixxxx,在内容爆炸的时代,通过内容引擎为你推送优质信息
如果你喜欢这篇内容,也请点赞并转发第一条推文,把有价值的内容分享给更多人~
MCP相关了解
除了一些浏览器交互,爬虫,大模型生成API
还可以利用它交互supabase数据库👇🏻
AI Engineer今早也发布了一个将近2小时的关于MCP的分享,大家也可以去Youtube查看学习
@cj_zZZz 原文出处:
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.
