摘要
1) 一句话总结 本文通过对比新手与专业用户使用 Cursor 的对话过程,展示了提供明确上下文、指定技术栈以及分步迭代反馈在 AI 辅助编程中的重要性。
2) 关键要点
- 新手提问方式:新手用户倾向于使用宽泛模糊的提示词(如“写一个博客系统”),导致生成结果简陋,容易产生挫败感并放弃使用。
- 明确技术栈与参考:专业用户会提供具体的视觉参考(如UI截图)并明确指定所需的技术栈(如 Tailwind + ShadcnUI)。
- 精准提供上下文:专业用户会通过精确引用本地文件(如
@/app/posts.ts)来为 AI 提供准确的数据访问逻辑和代码上下文。 - 针对性纠错:遇到不符合预期的代码(如 URL 传参格式
/post?id=id与期望的/posts/id不符),专业用户会直接指出差异并要求修正。 - 模块化开发与新会话:开发新功能(如分页)时,专业用户会开启新会话,并重新引入相关的 UI 组件和数据访问代码作为背景信息。
- 清晰的微调指令:专业用户会使用条理清晰的列表形式给出微调指令(如修改分页路由格式为
/posts/page/$page、仅保留上一页/下一页链接),以高效完善最终代码。
正文
新手 Cursor 用户:给我写一个博客系统 Cursor:一个简陋博客首页 用户:太烂了,没卵用,再也不用了
专业 Cursor 用户:这是博客日志列表的截图,请参考截图的样式使用Tailwind+ShadcnUI做一个UI组件显示日志列表,数据访问参考 @/app/posts.ts 里面的方法
Cursor:你要的日志列表组件 components/post-list.tsx
用户:链接不对,我期望的是 /posts/id 但是你用的 /post?id=id
Cursor:这是修改后的列表组件
新开会话继续写分页功能
专业 Cursor 用户:这是列表组件代码 @/components/post-list.tsx,现在请给它加上分页功能,数据库访问代码在 @/app/posts.ts ,需要添加相应的分页访问代码代码,分页组件使用shadcnui的Pagination组件,样式使用Tailwindcss
Cursor:这是添加分页组件后的日志列表,请确保你安装了Pagination组件,这是安装方法
用户:请做以下调整:
-
修改分页链接为 /posts/page/$page
-
只保留上一页、下一页链接
Cursor:这是修改后的代码