尝试以扩展 VS Code 中的代理模式!

VS Code 中的 GitHub Copilot

GitHub Copilot 是一个集成到 Visual Studio Code 中的由 AI 驱动的编码助手。它根据自然语言提示和现有代码上下文提供代码建议、解释和自动化实现。Copilot 已在公共代码仓库上进行了训练,可以为大多数编程语言和框架提供帮助。

核心功能

代码补全

当您输入时,Copilot 会提供内联代码建议,范围从单行补全到整个函数实现。通过“下次编辑建议”功能,它可以根据您当前的上下文预测下一个逻辑代码更改。

示例

  • 输入 function calculateTax( 以获取完整的税收计算实现
  • 编写 // 为用户认证创建一个 REST API 端点 以生成 Express.js 路由代码
  • const UserProfile = ({ 开始一个 React 组件,以接收一个带有 TypeScript 类型的完整函数式组件

了解有关 VS Code 中代码补全的更多信息。

自主编码

VS Code 和代理模式可以自主规划和执行复杂的开发任务,协调涉及运行终端命令或调用专用工具的多步工作流。它可以将高级需求转化为可工作的代码。

从 Marketplace 扩展中安装模型上下文协议 (MCP) 服务器或工具,以进一步增强自主编码体验的功能。例如,从数据库中提取信息或连接到外部 API。

任务示例

  • 使用 OAuth 实现身份验证
  • 将代码库迁移到新的框架或语言
  • 调试失败的测试并应用修复
  • 优化整个应用的性能

了解有关使用代理模式进行自主编码以及在 VS Code 中配置 MCP 服务器的更多信息。

自然语言聊天

通过聊天界面使用自然语言与您的代码库进行交互。使用对话式提示来提问、请求解释或指定代码更改。

使用单个提示在项目中的多个文件之间应用更改。Copilot 会分析您的项目结构并进行协调修改。

常见查询

  • “此项目中的身份验证是如何工作的?”
  • “数据处理函数中是什么导致了内存泄漏?”
  • “为支付处理服务添加错误处理”
  • “添加一个登录表单和后端 API”

Screenshot of the Chat view asking how to add a page to a web app

了解有关在 VS Code 中使用聊天的更多信息。

智能操作

VS Code 有许多针对常见开发任务的预定义操作,这些操作通过 AI 功能得到增强并集成到编辑器中。

从帮助您编写提交消息或拉取请求描述,重命名代码符号,修复编辑器中的错误,到帮助您找到相关文件的语义搜索。

Screenshot of the Smart Actions menu in VS Code

了解有关VS Code 中的智能操作的更多信息。

入门

步骤 1:设置 Copilot

  1. 从状态栏中的 Copilot 仪表板设置 Copilot
  2. 使用您的 GitHub 帐户登录

Hover over the Copilot icon in the Status Bar and select Set up Copilot.

步骤 2:基本代码补全

创建一个新文件并开始输入。Copilot 会以“幽灵文本”显示建议。

// Try typing this in a new .js file:
function factorial(

使用 Tab 键接受建议。

步骤 3:自主编码

通过使用聊天界面和代理模式,让 Copilot 处理复杂任务。AI 将会迭代代码,直到任务完成。

  1. 打开聊天视图 (⌃⌘I (Windows、Linux 为 Ctrl+Alt+I))
  2. 从聊天模式下拉列表中选择代理
  3. 请求生成一个基本的 Web 应用,例如:“创建一个基本的 node.js web 应用来分享骑行技巧。让它看起来现代且响应式。”

注意代码是如何逐步生成,并且依赖项是如何自动安装的。

步骤 4:内联聊天

在编写代码的过程中,使用内联聊天来询问有关代码的问题。

  1. 在编辑器中选择一些代码
  2. ⌘I (Windows、Linux 为 Ctrl+I) 打开编辑器内联聊天
  3. 要求解释或进行修改,例如:“将此代码重构为...”
  4. 审查并接受建议的更改

使用场景

代码分析和审查

理解现有代码库并识别问题

  • “解释此应用程序中的身份验证流程”
  • “此支付处理程序中潜在的安全问题是什么?”
  • “用适当的 JSDoc 注释来记录此 API 端点”

调试和故障排除

识别并解决代码问题

  • “为什么这个组件会不必要地重新渲染?”
  • “找到并修复此数据处理管道中的内存泄漏”
  • “优化此数据库查询以获得更好的性能”

了解有关使用 AI 进行调试的更多信息。

功能实现

构建新功能

  • “创建一个带有电子邮件验证的用户注册系统”
  • “使用 WebSockets 添加实时通知”
  • “实现一个使用本地存储持久化的购物车”

测试和质量保证

生成测试并确保代码质量

  • “为此服务类生成全面的单元测试”
  • “为 API 端点创建集成测试”
  • “为此数据验证函数添加基于属性的测试”

了解有关使用 AI 进行测试的更多信息。

学习和文档

理解新技术和模式

  • “向我展示 async/await 和 Promises 之间的区别”
  • “在 Go 中你会如何实现这个模式,而不是用 Python?”
  • “在 React 中错误处理的最佳实践是什么?”

根据您的工作流程自定义 AI

自定义指令

使用自定义指令来定义项目特定的编码约定和模式,AI 将生成与您的风格相匹配的代码。自动将这些指令应用于所有聊天请求,或仅应用于特定文件类型。

---
applyTo: "**"
---
# My Coding Style
- Use arrow functions for components
- Prefer const over let
- Always include TypeScript types
- Use descriptive variable names
- Follow the Repository pattern for data access

了解有关使用自定义指令根据您的编码风格定制 AI 的更多信息。

语言模型

快速在不同的 AI 模型之间切换,以优化速度、推理能力或专业任务。从各种内置模型中选择,或连接到外部提供商并使用您自己的 API 密钥。

Screenshot that shows the model picker in the Chat view.

了解有关在 VS Code 中使用语言模型的更多信息。

自定义聊天模式

VS Code 中的聊天体验可以在不同模式下运行,以便在提问、进行编辑或运行自主编码会话之间切换。您还可以创建适合您工作流程的自定义聊天模式。例如,创建一个专注于规划和架构讨论的聊天模式。指定聊天允许使用哪些工具,并提供自定义指令,以为其提供正确的操作上下文。

Screenshot showing the Chat view, highlighting the chat mode dropdown list.

了解有关创建您自己的聊天模式的更多信息。

使用工具扩展聊天功能

通过来自 MCP 服务器或 Marketplace 扩展的专用工具来扩展聊天体验的功能。例如,添加用于查询数据库、连接外部 API 或执行专业任务的工具。

MCP tools list

了解有关使用 MCP 服务器和工具的更多信息。

最佳实践

  • 为任务选择合适的工具。在编码时获取代码补全,使用聊天进行自然语言查询,并选择适合您工作流程的聊天模式。

  • 编写有效的提示以获得最佳结果。要具体,提供正确的上下文,并经常迭代。

  • 通过使用自定义指令、提示文件或聊天模式,根据您的编码风格和项目约定来定制 AI。

  • 使用来自 MCP 服务器或 Marketplace 扩展的工具来扩展 AI 的功能。

  • 选择为您的任务优化的语言模型。使用快速模型进行快速代码建议,使用推理模型处理更复杂的请求。

获取更多在 VS Code 中使用 AI 的技巧和窍门

定价

您可以免费开始使用 GitHub Copilot,每月有补全和聊天交互的限制。对于更广泛的使用,您可以从各种付费计划中选择。

查看详细定价 →

后续步骤