Skip to content

Cursor 编辑器

Cursor 是什么

Cursor 从 VS Code fork 而来,把 AI 做进了编辑器内核。这不是插件,是完整的 IDE。

主要区别:

  • VS Code + Copilot:AI 是外挂
  • Cursor:AI 是编辑器的一部分

定价:基础功能免费,Pro 版 $20/月。

Composer 模式

2025年底上线的功能,改变了 AI 编程的交互方式。

之前:

  1. 选中文件
  2. 告诉 AI 要做什么
  3. 手动复制粘贴修改

现在:

  1. 描述任务
  2. AI 自己规划、修改多个文件
  3. 你审查结果

实际例子:

输入:"创建用户登录页,包含表单验证、错误提示和 API"

Cursor 会:

  • 分析现有代码风格
  • 创建登录组件
  • 写验证逻辑
  • 添加错误提示
  • 更新 API 函数
  • 修改路由配置

一次可以改几十个文件。

Cursor Tab(智能补全)

不是只补全下一行,而是预测整个代码块。

跟 Copilot 的区别:

  • Copilot:基于 GitHub 开源代码
  • Cursor Tab:基于你的项目 + 大模型

使用时你会看到灰色文字预览,按 Tab 接受。

Chat 功能

类似 ChatGPT,但知道你的项目。

常用场景:

  • "这段代码干什么用的?"
  • "重构成函数式风格"
  • "为什么会报这个错?"

使用技巧:

  • 打开的文件自动进入上下文
  • @文件名 手动添加文件
  • @目录/ 添加整个目录

Agent 模式

2026年的更新,Cursor 可以自己跑命令、修 bug。

例子:

你输入:"给这些函数加单元测试"

Cursor Agent 会:

  1. 找出测试框架(Jest/Vitest)
  2. 找到没测试的函数
  3. 生成测试用例
  4. 跑测试
  5. 失败就分析原因重写
  6. 重复到测试通过

它能自己执行 npm install、npm test 这些命令。

快速上手

安装

  1. cursor.com 下载
  2. 登录(Google/GitHub 账号都能用)
  3. 导入 VS Code 配置(可选)

推荐设置

json
{
  "cursor.completion.enable": true,
  "cursor.chat.enable": true,
  "cursor.agent.enable": true
}

快捷键

功能macOSWindows
ChatCmd + LCtrl + L
ComposerCmd + ICtrl + I
快速修复Cmd + KCtrl + K
Agent 模式Cmd + Shift + ACtrl + Shift + A

项目规则(.cursorrules)

在项目根目录创建 .cursorrules 文件,告诉 AI 你的编码规范。

示例:

markdown
# 编码规范
- 用 TypeScript 严格模式
- 组件名 PascalCase,函数名 camelCase
- API 调用必须处理错误
- 新功能必须有测试

# 代码风格
- 用函数式组件和 Hooks
- 样式用 Tailwind
- 导入顺序:React → 第三方库 → 本地

这样 Cursor 生成的代码就会符合你项目的风格。

使用技巧

上下文管理

# 引用单个文件
@./src/components/Button.tsx 这个按钮怎么实现无障碍?

# 引用目录
@./src/api/ 所有 API 端点加认证

大型项目用 .cursorignore 排除 node_modules、build 这些不需要的目录。

Prompt 怎么写

好的:

"用户注册表单加:
1. 密码强度指示(8位以上,大小写+数字)
2. 实时验证
3. 密码可见性切换
保持现有表单样式"

不好的:

"改进表单"

具体说明要什么,Cursor 才能给出好结果。

模型选择

任务推荐模型
写代码Claude 3.5 Sonnet
复杂逻辑推理GPT-4
快速补全Haiku
重构Claude 3.5 Sonnet

Claude 写代码质量高,GPT-4 推理强,Haiku 快速便宜。

定价

版本价格说明
Free$0每月 50 次高级请求
Pro$20/月无限请求
Business$30/用户/月团队管理功能

Pro 版适合日常开发,Free 版可以先用用看。

优缺点

优点:

  • 不是插件,是编辑器本身,所以集成更深
  • 理解整个项目,不只是单个文件
  • Composer 一次改多个文件
  • 完全兼容 VS Code 插件和配置
  • Agent 能自己跑任务

缺点:

  • 要花钱($20/月)
  • 需要网络
  • 学会最佳实践需要时间
  • 容易依赖,影响自己写代码能力

什么时候用

适合:

  • 全栈项目
  • 重构代码
  • 快速原型
  • 接手别人项目
  • 重复性编码工作

不适合:

  • 简单文本编辑(VS Code 够用)
  • 离线开发
  • 需要完全控制的场景

实战例子

例子 1:创建 CRUD 功能

输入:

"创建博客文章管理:
- 列表页(分页、搜索、筛选)
- 编辑器(Markdown)
- 删除确认
- 用现有 API
- 保持项目组件风格"

Cursor 会:

  1. 看现有 API 结构
  2. 创建组件
  3. 写状态管理
  4. 配路由
  5. 加到导航栏

例子 2:性能优化

输入:

"分析这个组件的性能问题:
@./src/components/UserList.tsx

1000条数据时卡顿"

Cursor 会:

  1. 找出瓶颈
  2. 建议虚拟滚动
  3. 实现分页或懒加载
  4. 优化重渲染
  5. 对比优化前后性能

学习资源

官方:

社区:

教程:

常见问题

Q: 我的代码会被用来训练吗? A: 不会。代码只在你自己的会话里用。

Q: 能离线用吗? A: AI 功能需要联网,但基础编辑功能可以离线。

Q: 支持哪些语言? A: 主流语言都行,TypeScript、Python、JavaScript、Go、Rust 支持最好。

Q: 怎么避免过度依赖? A:

  • 看 AI 生成代码,理解逻辑
  • 定期自己写代码
  • 把 AI 当学习工具,不是替代

Q: 会取代程序员吗? A: 不会。它是工具,让你更快。架构设计、业务理解还是要人。

下一步

  1. 下载 Cursor
  2. 导入一个真实项目试试
  3. 用 Composer 改点东西
  4. .cursorrules 规范代码风格
  5. 学几个快捷键

继续学习:Claude Code →

最近更新

基于 Apache 2.0 许可发布