Cursor + Claude 搭配使用，让AI写代码效率翻倍

# Cursor + Claude 搭配使用工作流

Cursor 是 VS Code 的一个 AI-first 分支，内置了 DeepSeek 和 Claude 等多种模型。合理配置可以显著提升编码效率。

基础配置

1. 选择正确的模型

在 Cursor 设置中，建议为不同任务配置不同的模型：

- 日常编码补全： Cursor Tab（默认，最快）

- 代码生成/重构： Claude Sonnet（平衡速度和质量）

- 复杂逻辑/架构设计： Claude Opus（最强大）

2. 快捷键

高效工作流

场景1：从头写一个新功能

Step 1: 用 `Cmd+I` 打开 Composer

Step 2: 输入 "Create a React component for a user profile card"

Step 3: Cursor 生成代码后，用 `Tab` 接受

Step 4: 选中生成的代码，`Cmd+K` 输入 "Add TypeScript types"

Step 5: 继续用对话优化

场景2：调试Bug

Step 1: 选中报错的代码行

Step 2: `Cmd+L` 打开对话面板

Step 3: 输入 "This code has a bug. The error message is X. Find and fix it."

Step 4: Claude 会分析代码并给出修复建议

场景3：代码重构

Step 1: `Cmd+Shift+F` 全局搜索相关代码

Step 2: 选中需要重构的代码块

Step 3: `Cmd+K` 输入 "Refactor this to use proper error handling with try-catch"

.cursorrules 配置

创建 `.cursorrules` 文件在项目根目录，让AI了解你的项目规范：

You are an expert in React, TypeScript, and Tailwind CSS.
- Use functional components with hooks
- Prefer `const` over `function` declarations
- Add JSDoc comments for public APIs
- Use Tailwind CSS for styling, no CSS modules
- Use Zod for validation

配对Prompt模板

代码审查

Review this code for:
1. Potential bugs
2. Performance issues
3. Security vulnerabilities
4. Code style violations

生成测试

Write comprehensive unit tests for this function using Vitest.
Cover: happy path, edge cases, error scenarios.

文档生成

Generate JSDoc documentation for this component.
Include: props description, usage examples, edge cases.

注意事项

- Cursor 的 Composer 模式（Cmd+I）适合多文件编辑

- 对话模式（Cmd+L）适合分析和提问

- 模型选择：简单补全用默认，复杂逻辑切到Claude

- .cursorrules 文件让AI理解你的编码规范