就学joinlearn.com
AI 工具教程18 分钟

Cursor AI 完全指南:让 AI 帮你写代码

Cursor 是目前最强大的 AI 代码编辑器,拥有超过 100 万用户。本教程从安装配置到 Composer、Agent 模式等高级功能,全面讲解如何用 Cursor 提升编程效率。

D
DFK
作者
CursorAI编程IDEComposer

什么是 Cursor?

Cursor 是一款基于 VS Code 的 AI 代码编辑器,在短短 16 个月内就获得了超过 100 万用户36 万付费用户。它不仅仅是一个代码补全工具,而是将 AI 深度集成到整个开发工作流中的智能 IDE。

Cursor vs VS Code + Copilot

特性CursorVS Code + Copilot
代码补全Tab 补全Copilot 补全
多文件编辑Composer 模式不支持
Agent 模式自主探索项目不支持
上下文理解深度理解整个代码库单文件为主
并行代理多个 Agent 同时工作不支持

我从 VS Code 转到 Cursor 的故事

说起来,我转到 Cursor 的过程还挺曲折的。

2025 年初,我还在用 VS Code + GitHub Copilot 的组合。当时已经觉得 Copilot 很好用了——代码补全能省不少时间。但有一天,一个朋友给我演示了 Cursor 的 Composer 模式,当场把我"打服"了。

他打开 Composer,输入了一段话:"把这个 Express 项目的用户认证从 JWT 改成 OAuth2,保持 API 接口不变。" 然后 Cursor 自动识别了 6 个需要修改的文件,一次性全部改完了。而且代码质量很高,几乎不需要手动调整。

这在 VS Code + Copilot 里是不可能做到的——Copilot 一次只能看一个文件。

当天晚上我就下载了 Cursor。迁移过程出奇地顺利,因为 Cursor 本身就是基于 VS Code 的,所有配置一键导入。到现在大概用了一年了,已经完全回不去了。我身边的开发者朋友,大概有 70% 都转到了 Cursor。


安装 Cursor

下载安装

访问 cursor.com 下载对应系统版本:

  • macOS:支持 Intel 和 Apple Silicon
  • Windows:支持 Windows 10/11
  • Linux:支持主流发行版

迁移 VS Code 配置

Cursor 基于 VS Code,可以一键导入你的配置:

  1. 打开 Cursor
  2. 点击 File → Import VS Code Settings
  3. 选择要导入的内容(扩展、主题、快捷键等)

核心功能详解

1. Tab 补全

最基础但也最常用的功能,按 Tab 接受 AI 建议:

// 输入 function calculate
function calculateTotalPrice(items) {
  // Tab 补全会自动生成函数体
  return items.reduce((sum, item) => sum + item.price * item.quantity, 0);
}

技巧

  • 写好函数签名和注释,AI 能更准确理解意图
  • Esc 拒绝建议,按 Tab 接受

2. 内联编辑 (Cmd+K / Ctrl+K)

选中代码后按 Cmd+K,用自然语言描述修改:

选中代码 → Cmd+K → 输入 "添加错误处理" → Enter

适用场景:

  • 快速重构一小段代码
  • 添加类型注解
  • 修复 bug
  • 优化性能

3. Composer 模式 (Cmd+I / Ctrl+I)

这是 Cursor 的杀手级功能,可以跨多个文件进行编辑:

Cmd+I 打开 Composer → 描述需求 → AI 自动修改相关文件

示例提示词

创建一个用户认证系统,包括:
1. 登录页面组件 (src/pages/Login.tsx)
2. 注册页面组件 (src/pages/Register.tsx)
3. 认证 API 路由 (src/api/auth.ts)
4. 用户状态管理 (src/store/user.ts)

Composer 会自动创建/修改所有相关文件。

4. Agent 模式

Agent 模式让 AI 自主探索你的项目:

  1. 在 Composer 中点击 Agent 按钮
  2. 描述你的需求
  3. AI 会自动:
    • 搜索相关代码
    • 理解项目结构
    • 执行终端命令
    • 修改多个文件

与 Composer 的区别

  • Composer:你指定文件,AI 编辑
  • Agent:AI 自己决定需要看哪些文件

5. 并行代理 (Cursor 2.0)

Cursor 2.0 支持多个 Agent 同时工作:

Agent 1:重构数据库层
Agent 2:修复测试用例
Agent 3:优化 UI 组件

使用 Git Worktrees 隔离,互不干扰。


高级技巧

1. 使用 @ 引用上下文

在对话中使用 @ 引用文件、文件夹或文档:

@src/utils/api.ts 这个文件的错误处理逻辑有问题,帮我优化
@docs/api.md 根据这个文档生成 TypeScript 类型定义
@codebase 在整个代码库中搜索所有使用了 deprecated API 的地方

2. 配置 Rules

在项目根目录创建 .cursorrules 文件,定义项目规范:

# .cursorrules

你是一个 Next.js 14 专家,请遵循以下规范:

## 代码风格
- 使用 TypeScript 严格模式
- 组件使用函数式写法
- 使用 Tailwind CSS 进行样式处理

## 命名规范
- 组件:PascalCase
- 函数:camelCase
- 常量:UPPER_SNAKE_CASE

## 禁止事项
- 不要使用 any 类型
- 不要使用 class 组件
- 不要直接修改 state

3. Plan 模式

对于复杂任务,让 AI 先制定计划:

请先制定一个详细的实现计划,包括:
1. 需要修改的文件列表
2. 每个文件的具体修改内容
3. 潜在的风险和注意事项

确认计划后再开始实现。

4. 触发深度思考

使用特定关键词触发更深入的分析:

关键词思考深度
think基础思考
think hard深度思考
think harder更深度思考
ultrathink最深度思考

快捷键速查

快捷键功能
Tab接受补全建议
Cmd+K内联编辑
Cmd+I打开 Composer
Cmd+L打开聊天面板
Cmd+Shift+I新建 Composer 会话
Cmd+.显示快速修复
@引用文件/上下文

订阅方案

方案价格功能
Free$0/月2000 次补全,50 次慢速请求
Pro$20/月无限补全,500 次快速请求
Business$40/月团队功能,管理后台

最佳实践

1. 结合 Git 使用

# 在让 AI 大改之前,先提交当前状态
git add . && git commit -m "checkpoint before AI refactor"

# AI 改完后,用 diff 审查
git diff

# 不满意可以回滚
git checkout .

2. 渐进式修改

不要一次性让 AI 改太多,分步骤进行:

❌ 帮我重构整个项目的状态管理

✅ 第一步:帮我把 UserContext 改成 Zustand
✅ 第二步:迁移 CartContext
✅ 第三步:迁移 ThemeContext

3. 提供足够上下文

❌ 帮我写一个表单

✅ 帮我写一个用户注册表单,要求:
- 字段:邮箱、密码、确认密码、用户名
- 使用 React Hook Form + Zod 验证
- 样式使用 Tailwind CSS
- 提交到 /api/auth/register
- 显示加载状态和错误信息

常见问题

Q: Cursor 会泄露我的代码吗?

Cursor 提供 Privacy Mode,开启后代码不会发送到服务器训练。企业版还支持本地部署。

Q: 如何使用自己的 API Key?

Settings → Models → 添加你的 OpenAI/Anthropic API Key

Q: Cursor 和 Claude Code 哪个更好?

  • Cursor:图形界面,适合可视化编辑
  • Claude Code:终端工具,适合命令行爱好者

两者可以配合使用。


总结

Cursor 通过 Composer 和 Agent 模式,将 AI 编程从"补全代码"提升到了"理解意图、自主执行"的新高度。

推荐学习路径

  1. 先熟练使用 Tab 补全
  2. 掌握 Cmd+K 内联编辑
  3. 学会 Composer 多文件编辑
  4. 最后尝试 Agent 模式

相关资源

返回博客列表
分享文章:

想要更深入的学习?

订阅我们的课程,获得完整的视频教程、源码资料和专属答疑支持

查看全部课程