102 GitHub Copilot 编码提效
深度掌握 Copilot Chat 和 Agent Mode，理解 Copilot、Cursor、Codex 三者的定位与最佳组合策略。
学习目标
完成本课程后，你将能够：
一、Copilot Chat 与 Agent Mode
GitHub Copilot 已经从简单的代码补全进化成了完整的 AI 编程助手。
Copilot Chat
在 VS Code 中按 `Cmd+I`（macOS）或 `Ctrl+I`（Windows）打开。你可以：
- 选中代码，询问"这段代码在做什么？"
- 要求"为这个函数写 JSDoc 注释"
- 提出"解释这个错误"并粘贴报错信息
- 说"修复这个类型错误"
Copilot Chat 的优势在于**深度集成 VS Code**——它能读取你的工作区文件、终端输出、调试信息，给出上下文相关的回答。
Agent Mode（2025 年新增）
Agent Mode 让 Copilot 从"回答者"升级为"执行者"：
- **自动读取**：分析整个项目结构，不需要手动引用文件
- **多文件编辑**：一次修改多个相关文件，保持一致性
- **终端集成**：Agent 可以运行命令、读取输出、根据结果调整
- **迭代修复**：编辑后遇到 lint 或编译错误，自动分析并修复
| 功能 | Copilot Chat | Copilot Agent Mode | Codex CLI |
|---|---|---|---|
| 代码补全 | 内联实时补全 | 内联实时补全 | 不支持内联 |
| 对话问答 | 支持 | 支持 | 终端对话 |
| 多文件编辑 | 手动确认 | 自动执行 | 自动执行 |
| 终端命令 | 需手动执行 | Agent 可执行 | 原生终端 |
| 沙箱隔离 | 无 | 无 | 内置沙箱 |
| Git 集成 | 基础（commit msg 建议） | 基础 | 深度集成 |
二、VS Code / JetBrains 集成
VS Code 安装与配置
# 在 VS Code 扩展市场搜索 "GitHub Copilot" 安装
# 安装后会随 VS Code 自带，无需额外命令
# 安装 Copilot Chat 扩展（2025 年后已合并到主扩展）JetBrains 安装
在 JetBrains IDE（IntelliJ IDEA、WebStorm 等）中：
- Settings > Plugins > 搜索 "GitHub Copilot"
- 安装并重启
- 登录 GitHub 账号授权
Copilot 配置文件
// .vscode/settings.json
{
"github.copilot.enable": {
"*": true,
"markdown": false,
"plaintext": false
},
"github.copilot.chat.localeOverride": "zh-CN",
"github.copilot.advanced": {
"debug.testOverrideProxyUrl": null
}
}项目级指令（.github/copilot-instructions.md）
在项目根目录创建该文件，Copilot 会自动读取：
# Copilot Instructions
你是一名全栈 TypeScript 工程师。
- 本项目使用 Next.js 14 + Prisma + PostgreSQL
- API 路由统一返回 { code: number, data: T, message: string }
- 所有数据库查询必须包含错误处理
- 不要使用 any 类型
- 使用 async/await，不用 .then()
- 组件名用 PascalCase，文件名用 kebab-case三、Copilot Code Review
开启代码审查
在 VS Code 中，选中一段代码或打开一个文件，在 Copilot Chat 中输入：
/review 审查这个文件
/fix 修复这里的问题Code Review 的覆盖范围
Copilot 的代码审查能做：
- **语法与逻辑错误**：发现空指针、未处理异常
- **性能问题**：检测不必要的重渲染、循环中的重复计算
- **安全漏洞**：XSS、SQL 注入、敏感信息硬编码
- **最佳实践**：不符合项目惯例的写法
- **可读性**：命名模糊、逻辑复杂的地方
对比：Copilot Review vs Codex /review
| 维度 | Copilot | Codex |
|---|---|---|
| 审查范围 | 当前文件或选中代码 | 整个项目或指定 Git diff |
| 深度 | 中等，侧重常见问题 | 深度，能分析跨文件影响 |
| 自动修复 | 一键应用建议 | 自动修改代码文件 |
| 适用场景 | 日常提交前的快速检查 | 重大变更前的全面审查 |
四、Copilot vs Cursor vs Codex 综合对比
完整能力矩阵
| 能力 | Copilot | Cursor | Codex |
|---|---|---|---|
| 代码补全 | 优秀（多行预测） | 优秀（整块补全） | 不适用 |
| 内联编辑 | 有限 | 优秀（Cmd+K） | 不适用 |
| 对话式编码 | Chat 模式 | Composer Agent | 原生对话 |
| 自主任务执行 | Agent Mode | Composer Agent | 全自主 |
| 终端集成 | 弱（需手动执行） | 中等 | 原生（核心场景） |
| 沙箱安全 | 无 | 无 | 内置沙箱 |
| MCP 扩展 | 不支持 | 不支持 | 原生支持 |
| IDE 支持 | VS Code + JetBrains | 独立 IDE | 终端（无 IDE） |
| 价格 | GitHub 订阅 | 独立订阅 | OpenAI API 按量 |
最佳组合策略
日常编码 Copilot （内联补全，高频低负担）
+
UI 开发 & 重构 Cursor （Composer Agent，可视化迭代）
+
复杂任务 & DevOps Codex （沙箱执行，端到端自动化）| 任务复杂度 | 推荐工具 | 原因 |
|---|---|---|
| 写完这行代码 | Copilot 补全 | 最快、成本最低 |
| 改这个组件 | Cursor Cmd+K | 即时预览、直观 |
| 加一个新页面 | Cursor Agent | 多文件创建、实时预览 |
| 初始化整个项目 | Codex | 自动执行脚手架 |
| 写整套后端 API | Codex | 终端测试 curl、数据库操作 |
| 重构 10 个文件 | Codex | 自主执行、不需逐个确认 |
| 审查全部代码 | Codex | 全项目深度分析 |
五、实战：三工具协作开发流程
场景：开发一个"用户反馈"功能
【第一阶段：项目初始化 — 用 Codex】
1. codex "/init 创建 Next.js 项目..."
2. codex "配置 Prisma，创建一个 Feedback 模型..."
3. codex "生成 migration 并创建 API 路由骨架"
【第二阶段：前端开发 — 用 Cursor】
4. 在 Cursor 中打开项目
5. Cursor Agent: "创建反馈表单组件 FeedbackForm.tsx..."
6. Cursor Cmd+K: 反复微调 UI 样式和交互
7. 用 Copilot 补全日常代码片段
【第三阶段：后端完善 — 用 Codex】
8. codex "为反馈 API 添加分页、搜索、邮件通知..."
9. codex "/test 生成测试"
【第四阶段：审查与提交 — 用 Codex】
10. codex "/review 审查这次所有变更"
11. git diff | codex "生成 PR 描述"六、本课总结
**核心要点：**
- Copilot Agent Mode 让 Copilot 具备了自主执行能力，但仍在 IDE 内
- .github/copilot-instructions.md 是 Copilot 的项目级指令文件
- Copilot 的代码审查适合快速检查，Codex 的审查适合深度分析
- 最佳策略：**Copilot 做日常补全，Cursor 做 UI 开发，Codex 做重型任务**
- 三工具不互相替代，而是形成覆盖全工作流的生产力矩阵
**下一步：** 下一课将探索大模型辅助开发的更广阔图景——ChatGPT 做架构设计、DeepSeek 做成本优化、Kimi 做长文档分析。