Cursor 编辑器
Cursor 是什么
Cursor 从 VS Code fork 而来,把 AI 做进了编辑器内核。这不是插件,是完整的 IDE。
主要区别:
- VS Code + Copilot:AI 是外挂
- Cursor:AI 是编辑器的一部分
定价:基础功能免费,Pro 版 $20/月。
Composer 模式
2025年底上线的功能,改变了 AI 编程的交互方式。
之前:
- 选中文件
- 告诉 AI 要做什么
- 手动复制粘贴修改
现在:
- 描述任务
- AI 自己规划、修改多个文件
- 你审查结果
实际例子:
输入:"创建用户登录页,包含表单验证、错误提示和 API"
Cursor 会:
- 分析现有代码风格
- 创建登录组件
- 写验证逻辑
- 添加错误提示
- 更新 API 函数
- 修改路由配置
一次可以改几十个文件。
Cursor Tab(智能补全)
不是只补全下一行,而是预测整个代码块。
跟 Copilot 的区别:
- Copilot:基于 GitHub 开源代码
- Cursor Tab:基于你的项目 + 大模型
使用时你会看到灰色文字预览,按 Tab 接受。
Chat 功能
类似 ChatGPT,但知道你的项目。
常用场景:
- "这段代码干什么用的?"
- "重构成函数式风格"
- "为什么会报这个错?"
使用技巧:
- 打开的文件自动进入上下文
- 用
@文件名手动添加文件 - 用
@目录/添加整个目录
Agent 模式
2026年的更新,Cursor 可以自己跑命令、修 bug。
例子:
你输入:"给这些函数加单元测试"
Cursor Agent 会:
- 找出测试框架(Jest/Vitest)
- 找到没测试的函数
- 生成测试用例
- 跑测试
- 失败就分析原因重写
- 重复到测试通过
它能自己执行 npm install、npm test 这些命令。
快速上手
安装
- 去 cursor.com 下载
- 登录(Google/GitHub 账号都能用)
- 导入 VS Code 配置(可选)
推荐设置
{
"cursor.completion.enable": true,
"cursor.chat.enable": true,
"cursor.agent.enable": true
}快捷键
| 功能 | macOS | Windows |
|---|---|---|
| Chat | Cmd + L | Ctrl + L |
| Composer | Cmd + I | Ctrl + I |
| 快速修复 | Cmd + K | Ctrl + K |
| Agent 模式 | Cmd + Shift + A | Ctrl + Shift + A |
项目规则(.cursorrules)
在项目根目录创建 .cursorrules 文件,告诉 AI 你的编码规范。
示例:
# 编码规范
- 用 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 会:
- 看现有 API 结构
- 创建组件
- 写状态管理
- 配路由
- 加到导航栏
例子 2:性能优化
输入:
"分析这个组件的性能问题:
@./src/components/UserList.tsx
1000条数据时卡顿"Cursor 会:
- 找出瓶颈
- 建议虚拟滚动
- 实现分页或懒加载
- 优化重渲染
- 对比优化前后性能
学习资源
官方:
社区:
教程:
常见问题
Q: 我的代码会被用来训练吗? A: 不会。代码只在你自己的会话里用。
Q: 能离线用吗? A: AI 功能需要联网,但基础编辑功能可以离线。
Q: 支持哪些语言? A: 主流语言都行,TypeScript、Python、JavaScript、Go、Rust 支持最好。
Q: 怎么避免过度依赖? A:
- 看 AI 生成代码,理解逻辑
- 定期自己写代码
- 把 AI 当学习工具,不是替代
Q: 会取代程序员吗? A: 不会。它是工具,让你更快。架构设计、业务理解还是要人。
下一步
- 下载 Cursor
- 导入一个真实项目试试
- 用 Composer 改点东西
- 写
.cursorrules规范代码风格 - 学几个快捷键