在 VS Code 中试用

VS Code 中的 GitHub Copilot

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

核心功能

代码补全

Copilot 在你键入时提供行内代码建议,范围从单行补全到完整的函数实现。通过下一个编辑建议,它根据当前上下文预测下一个逻辑代码更改。

示例

  • 键入 function calculateTax( 以获取完整的税务计算实现
  • 写入 // Create a REST API endpoint for user authentication 以生成 Express.js 路由代码
  • const UserProfile = ({ 开始一个 React 组件,以接收一个带有 TypeScript 类型的完整函数式组件

了解更多关于VS Code 中的代码补全

自主编码

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

从市场扩展安装模型上下文协议 (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 服务器或市场扩展的专业工具来扩展聊天体验的功能。例如,添加用于查询数据库、连接到外部 API 或执行特定任务的工具。

MCP tools list

了解更多关于使用 MCP 服务器和工具

最佳实践

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

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

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

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

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

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

定价

你可以免费开始使用 GitHub Copilot,但每月对代码补全和聊天交互有限制。如需更广泛的使用,你可以选择各种付费计划。

查看详细定价 →

后续步骤