IDE 编程:Cursor
AI 原生代码编辑器
Cursor 是什么?
Cursor 是一个AI 原生的代码编辑器,基于 VS Code 二次开发,深度集成了 AI 能力。
核心理念
"不是给编辑器加 AI,而是为 AI 重新设计编辑器"
主要特性
1. AI 生成代码(Composer)
功能:通过自然语言生成完整功能
使用方式:
1. 按 Ctrl+I (Windows) 或 Cmd+I (Mac)
2. 输入需求:"创建一个用户登录页面"
3. Cursor 自动生成:
- HTML 结构
- CSS 样式
- JavaScript 逻辑优势:
- 不是补全,是完整生成
- 可以一次生成多个文件
- 理解项目上下文
2. AI 聊天(Chat)
功能:在编辑器中和 AI 对话
使用方式:
1. 选中代码
2. 按 Ctrl+L (Windows) 或 Cmd+L (Mac)
3. 提问:"这段代码有什么问题?"
4. AI 直接在侧边栏回答优势:
- AI 理解你的代码
- 可以直接引用代码片段
- 支持多轮对话
3. 代码补全(Copilot++)
功能:智能代码补全
特点:
- 比 GitHub Copilot 更智能
- 理解项目上下文
- 支持多种编程语言
4. 代码重构
功能:一键重构代码
使用方式:
1. 选中代码
2. 右键 → Refactor with AI
3. 输入:"把这个函数拆成更小的函数"
4. AI 自动重构适用场景
✅ 最适合
- 全栈开发
- 新项目开发
- 频繁需要 AI 写代码
⚠️ 不太适合
- 轻量级编辑(太重)
- 偶尔写代码(用 VS Code + 插件更轻)
价格
| 套餐 | 价格 | 功能 |
|---|---|---|
| Free | 免费 | 基础功能,每月 200 次 AI 调用 |
| Pro | $20/月 | 无限 AI 调用,优先支持 |
| Business | $40/月/人 | 团队管理,安全合规 |
快速上手
下载安装
支持平台:
- macOS
- Windows
- Linux
配置
导入 VS Code 设置
- Cursor 完全兼容 VS Code
- 可以导入现有的 VS Code 配置
配置 AI 模型
- 默认使用 Cursor 自有模型
- 也可以配置 OpenAI/Claude API
安装常用插件
- Cursor 支持 VS Code 插件
- 可以继续使用你熟悉的插件
Cursor vs VS Code + Copilot
| 对比项 | Cursor | VS Code + Copilot |
|---|---|---|
| AI 集成 | 深度集成 | 表面集成 |
| 代码生成 | Composer(完整功能) | Copilot(补全) |
| 上下文理解 | 更好 | 一般 |
| 价格 | 免费/付费 | 付费 |
| 插件生态 | VS Code 插件 | VS Code 插件 |
实战技巧
技巧 1:用 Composer 快速开发
场景:创建新功能
1. 打开 Composer (Ctrl+I)
2. 输入:"创建一个待办事项应用,包含添加、删除、标记完成功能"
3. Cursor 生成:
- TodoApp.jsx
- TodoItem.jsx
- App.css
- 完整的 React 组件技巧 2:用 Chat 理解代码
场景:理解别人写的代码
1. 打开一个文件
2. 选中看不懂的代码
3. Ctrl+L 打开 Chat
4. 问:"这段代码是干什么的?"
5. AI 详细解释技巧 3:用 Tab 补全加速
场景:写代码时加速
1. 开始写代码
2. Cursor 自动补全
3. 按 Tab 接受补全
4. 继续写,继续补全总结
Cursor 的优势
✅ AI 原生:为 AI 重新设计 ✅ 功能强大:Composer、Chat、Copilot 一应俱全 ✅ VS Code 兼容:无缝迁移
适合人群
- 频繁写代码的程序员
- 想提升编程效率的人
- 喜欢尝试新工具的人