经过这段时间的深度使用和不断摸索,苏米总结出了一套高效的提示词编写技巧,能让你和Cursor的协作效率翻倍!
提示词的基本结构
结构化思维是关键,一个高质量的提示词通常包含三个核心要素:
举个简单例子:
创建一个React登录组件,使用Tailwind CSS样式,需要包含邮箱验证功能和记住密码选项。
这种结构不仅让 AI 更容易理解意图,还能显著减少反复沟通的过程。
三条黄金原则:
-
具体 > 模糊:明确技术栈、框架、实现细节
-
简洁 > 冗长:每次专注一个目标
-
结构化 > 平铺直叙:有条理的要点标注,效率翻倍
五个实用提示词模板
苏米分享自己常用的5个实战提示词模板,拿来就能用
01. 代码生成模板
css复制编辑用[语言]创建[功能],要求:
1. [功能要点1]
2. [功能要点2]
3. [功能要点3]
风格参考:[已有文件路径]
示例:
markdown复制编辑用JSX创建一个立即注册页面,要求:
1. 使用 React Jsx 语法
2. 跳转逻辑从登录页到注册页
3. 页面 UI 风格和登录页面保持一致
4. 预留 API 调用逻辑
风格参考:components/login.jsx
效果截图(已经帮你生成了完整结构 + 跳转逻辑 + UI 一致性处理)
02. 代码解释模板
css复制编辑解释以下代码的功能和工作原理:
[代码粘贴]
主要关注:
- [重点1]
- [重点2]
非常适合阅读别人代码或者继承老项目时使用。
03. 代码重构模板
css复制编辑重构以下代码,提高[性能/可读性/可维护性]:
[代码粘贴]
重点改进:
1. [优化点1]
2. [优化点2]
保持原有功能不变
✔ 用 Cursor 帮我重构一个旧的登录页,增加平台品牌样式,连注册页一并自动优化了,非常惊喜。
04. 调试辅助模板
css复制编辑以下代码出现[问题描述]:
[代码]
错误信息:[日志粘贴]
我尝试过:[解决方法]
帮我找出问题并修复
这个模板非常适合定位卡住的 bug,特别是 AI 可以从代码上下文中推理问题。
05. 功能扩展模板
css复制编辑基于现有代码:
[引用路径或粘贴]
添加功能:[功能描述]
要求:
1. [功能要点1]
2. [功能要点2]
与现有代码风格保持一致
示例:基于邮箱登录,扩展成手机号验证码登录,支持 +86 格式,自动 UI 切换,现有风格全程保持一致,一次生成完成。
错误示例
很多人会犯以下这些常见错误:
错误类型 | 示例 | 改进方式 |
---|---|---|
过于宽泛 | “写个登录功能” | 指定技术栈+UI要求 |
隐含假设 | “修复登录问题” | 明确错误现象和日志 |
混淆术语 | “做个响应式程序” | 说明是移动+桌面适配的 UI 组件 |
你给的信息越不明确,AI 就只能「自由发挥」,自然容易跑偏。
进阶技巧
技巧1:善用@符号引用
Cursor支持@符号引用项目中的文件,这样AI能更好地理解你的项目结构和代码风格。
基于@components/Button.jsx的样式,创建一个Card组件
技巧2:利用Composer进行多轮对话
对于复杂需求,使用Cursor的Composer功能进行多轮对话,逐步完善需求。
技巧3:设置项目级别的提示词
在项目根目录创建.cursorrules
文件,定义项目的编码规范和偏好设置,让AI始终按照你的标准输出代码。
总结
最后再总结一下,掌握高效提示词的关键:
-
明确具体
-
结构化信息
-
持续迭代
这三个核心要点不仅适用于Cursor,也适用于所有AI工具的使用。
如果你也在用 Cursor,不妨开始尝试把提示词写得更“像个开发者”,而不是“像在百度问问题”。
声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。