用 Cursor 做全栈开发:AI 编程实战 10 例
Cursor 是一款基于 VS Code 的 AI 优先 IDE,凭借"多文件 Agent"能力,正在成为独立开发者和中小团队的全栈利器。本文用 10 个真实场景演示怎么把它用到日常开发里。
一、入门:5 个核心概念
| 概念 | 快捷键 | 作用 | |---|---|---| | Tab 补全 | Tab | 整段补全,比 Copilot 更激进 | | Cmd+K 编辑 | Ctrl/⌘ + K | 选中代码直接改写 | | Chat | Ctrl/⌘ + L | 对话式提问 | | Composer | Ctrl/⌘ + I | 多文件统一改写 | | @ 引用 | @文件名 / @文件夹 | 把上下文喂给模型 |
二、10 个实战场景
场景 1:一句话生成页面骨架
用 React + Tailwind 写一个"待办事项"页面,支持添加、勾选、删除。
Cursor Composer 会直接出 JSX + Tailwind 类,往往一次就能跑。
场景 2:组件批量重命名
选中旧组件名 → Cmd+Shift+H → "把 ProjectCard 重命名为 FeatureCard,自动更新所有引用"
场景 3:补单元测试
选中函数 → Cmd+K → "为这个函数补 Jest 单元测试,覆盖正常、边界、异常三类用例"
场景 4:解释陌生代码
选中一段代码 → Cmd+L → "用中文给一段注释解释这是做什么的"
场景 5:从 Figma 到代码
参考 [图片](截图 / Design URL),用 HTML + Tailwind 实现这个卡片组件
场景 6:批量生成 fixture
给数据库测试生成 50 条假用户数据,邮箱用 @example.com,姓名要中文
场景 7:报错排查
报错日志整段贴 Chat,问:
这段 stack trace 是什么报错?最可能的根因是什么?给出 3 种修复方案及代价
场景 8:跨文件重构
把所有用 fetch 的地方换成 axios,统一错误处理;保留参数语义
场景 9:写 SQL 迁移
给 users 表加一列 phone varchar(20),生成 MySQL / PostgreSQL 两条迁移
场景 10:自动生成 README
读当前项目,生成一份中文 README,包含:项目简介、本地启动、目录结构、测试命令
三、组合打法:复刻一个"任务看板"
下面是从 0 到 1 的完整 prompt 思路:
- 搭框架:"用 React + Vite + Tailwind 做一个三栏看板(待办/进行/已完成),支持新增卡片、拖拽改状态"
- 加数据持久化:"把卡片状态持久化到 localStorage"
- 加测试:"为看板组件写 3 个关键 unit + 1 个集成测试"
- 加 a11y:"让看板支持键盘操作,列出还需要做的可访问性改进"
- 优化样式:"加深色模式切换,记忆用户偏好"
整套流程单人在 1-2 小时可完成。
四、避坑清单
| 坑 | 修复 | |---|---| | Agent 改坏了文件 | 用 Git diff 经常看;大改前先 commit 当前状态 | | 模型"自作主张"改风格 | 在 prompt 里明确"保留原缩进与引号风格" | | 大型 monorepo 选不对上下文 | 用 @文件夹 精确指定范围 | | 一次性改太多文件 | 分批 Composer,每批 ≤ 5 个文件 | | Agent 死循环 | 加约束:"只改这一类问题,不要主动重构无关代码" |
五、与传统开发对比
| 维度 | 传统编码 | Cursor 辅助 | |---|---|---| | 单页面原型 | 半天 | 5-30 分钟 | | 单元测试 | 1 小时 | 5-15 分钟 | | 文档编写 | 1-2 小时 | 15-30 分钟 | | 重构(规模化) | 数小时/数天 | 大幅缩时,但仍需评审 |
六、订阅与计费
- Pro $20/月:日常够用,个人推荐
- Business $40/月:含团队管理与隐私保护
- 重度 Agent 会触发额外 Fast/Pro 模式按 token 计费,注意设额度
七、何时该关掉 AI
AI 不是万能。以下场景反而要关:
- 核心算法:涉及正确性、性能、安全的算法,仍需人设计
- 安全/合规代码:签名、加密、权限模型
- 团队规范未定型:此时让 AI 写会固化矛盾
八、常见问题
Q1:会和 Copilot 冲突吗? A:会,建议二选一,否则补全会冲突。
Q2:能完全代替开发者吗? A:不能,但能把日常编码时间压缩 30-50%。
Q3:重度使用会不会很贵? A:注意用量监控;为关键项目设额度上限。
本文基于 Cursor 官方介绍与社区公开经验整理,具体功能与定价请以 cursor.sh 官网为准。
post-303.html