AI 工具导航

用 Cursor 做全栈开发:AI 编程实战 10 例

2026-09-02 17,400 48 142

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 思路:

  1. 搭框架:"用 React + Vite + Tailwind 做一个三栏看板(待办/进行/已完成),支持新增卡片、拖拽改状态"
  2. 加数据持久化:"把卡片状态持久化到 localStorage"
  3. 加测试:"为看板组件写 3 个关键 unit + 1 个集成测试"
  4. 加 a11y:"让看板支持键盘操作,列出还需要做的可访问性改进"
  5. 优化样式:"加深色模式切换,记忆用户偏好"

整套流程单人在 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

相关文章