现已发布!阅读关于 12 月份的新功能和修复。

开始在 VS Code 中使用聊天

Visual Studio Code 中的聊天使您能够使用自然语言进行 AI 驱动的编码辅助。通过对话界面,您可以询问有关代码的问题、获取理解复杂逻辑的帮助、生成新功能、修复 bug 等等。

在本文中,您将了解如何在 VS Code 中访问不同的聊天体验、提交您的第一个提示、编写有效的提示以获得更好的结果,以及为您的工作流程自定义聊天。

在 VS Code 中访问聊天

VS Code 提供三种启动 AI 聊天对话的方式,每种都针对不同的工作流程和任务进行了优化。要访问每种聊天体验,请使用 VS Code 标题栏中的“聊天”菜单或相应的键盘快捷键。

Screenshot of the Copilot Chat menu in the VS Code Command Center

聊天视图

⌃⌘I (Windows、Linux Ctrl+Alt+I) 在专用侧边栏中打开“聊天”视图。如果您希望有更大的聊天工作区,可以通过从聊天菜单中选择“新建聊天编辑器”将其打开为编辑器选项卡,或者通过选择“新建聊天窗口”将其打开为单独的窗口。

使用聊天视图进行

  • 持续的多轮聊天对话
  • 在不同的 代理 之间切换,以询问问题、跨文件进行代码编辑或启动自主编码工作流程
  • 处理跨越多个文件的功能
  • 规划和实现复杂的更改

Screenshot of the Chat view

内联聊天

⌘I (Windows、Linux Ctrl+I) 直接在编辑器或终端中开始聊天对话。

使用内联聊天进行

  • 在您正在工作的内联位置获取建议
  • 理解当前上下文中的代码
  • 获取有关终端命令和输出的帮助

Screenshot of Inline chat

快速聊天

⇧⌥⌘L (Windows、Linux Ctrl+Shift+Alt+L) 打开一个轻量级的聊天叠加层。

使用快速聊天进行

  • 无需长时间对话即可快速提问
  • 在不更改当前视图的情况下获取答案
  • 在进行工作的同时查找信息

Screenshot of Quick Chat

提示

您可以使用 code chat 命令直接从命令行启动聊天。有关更多信息,请参阅 VS Code 命令行文档

提交您的第一个聊天提示

让我们从创建一个基本的计算器应用程序开始,看看聊天在 VS Code 中是如何工作的

  1. 通过按 ⌃⌘I (Windows、Linux Ctrl+Alt+I) 或从 VS Code 标题栏中选择“聊天”来打开聊天视图。

  2. 从代理选择器中选择“代理”。

    当使用代理时,聊天会自动确定需要做什么,并对您的工作区进行必要的更改。

  3. 在聊天输入框中输入以下提示,然后按 Enter 提交

    Create a basic calculator app with HTML, CSS, and JavaScript
    

    代理将直接对您的工作区应用更改,并可能运行终端命令,例如安装依赖项或运行构建脚本。

  4. 在编辑器中,查看建议的更改,然后选择保留或放弃它们。

  5. 提出后续问题以增强应用程序。例如,您可以询问

    Add a dark mode toggle
    

    Style it with a modern design
    

    随着对话的进行,VS Code 会将聊天提示和响应的历史记录用作上下文。这种上下文使您能够与聊天进行多轮对话,以精炼和改进结果。

提示

使用语音输入与 VS Code 中的聊天进行交互。详细了解 使用语音输入进行聊天

探索不同的语言模型

VS Code 提供不同的语言模型供您选择,每种模型都针对不同的任务进行了优化。有些模型专为快速编码任务而设计,而另一些模型则擅长复杂的推理和规划。

要更改语言模型,请使用聊天输入框中的模型选择器,并选择最适合您需求的模型。

Screenshot of the language model picker in the Chat view, showing a dropdown list of available models.

您还可以添加来自其他模型提供商的模型并在聊天中使用它们。有关如何使用其他提供商的模型的更多详细信息。

注意

可用模型的列表可能因您的 Copilot 订阅而异,并且可能会随着时间而变化。有关可用语言模型的更多信息,请参阅 GitHub Copilot 文档。

在代理之间切换

代理使聊天能够扮演针对特定任务优化的不同角色或个性。您可以在聊天会话中的任何时候在代理之间切换。

  1. 打开聊天视图(⌃⌘I (Windows、Linux 为 Ctrl+Alt+I))。

  2. 从代理选择器中选择所需的代理。

    Screenshot showing the Chat view with the agent picker expanded, displaying different agent options.

内置代理

VS Code 提供四种内置代理:“代理”、“计划”、“问答”和“编辑”。对于更专业的工作流程,您还可以创建自己的自定义代理

代理

代理专门用于基于可能需要运行终端命令和工具的高级要求进行复杂的编码任务。AI 自主运行,确定相关的上下文和要编辑的文件,规划所需的工作,并进行迭代以解决出现的问题。

VS Code 直接在编辑器中应用代码更改,并且编辑器叠加控件使您可以在建议的更改之间导航并审查它们。代理可能会调用多个工具来完成不同的任务。

您可以通过添加 MCP 服务器或安装贡献工具的扩展来使用额外的工具自定义聊天

使用代理打开聊天:Stable | Insiders

开始使用代理

提示

有关演示如何使用包括后台和云代理在内的不同代理类型的实践教程,请参阅代理教程

开始本地代理会话

  1. 在聊天视图的代理选择器中选择“代理”。

  2. 在聊天输入框中输入一个高级提示。例如,您可以询问

    Implement a user authentication system with OAuth2 and JWT.
    

    Set up a CI/CD pipeline for this project.
    
  3. 使用工具选择器启用工具,并为代理提供更多功能。

  4. 选择“发送”或按 Enter 提交您的提示。

  5. 在代理处理您的请求时,审查和确认代码更改和工具调用。

    提示

    VS Code 会帮助您防止意外修改敏感文件,例如工作区配置文件或环境设置。详细了解编辑敏感文件

计划

计划代理专门用于为编码任务创建结构化的实现计划。当您想在实现之前将复杂的功能或更改分解为更小、更易于管理的步骤时,请使用计划代理。

计划代理会生成一个详细的计划,概述所需的步骤,并提出澄清性问题,以确保全面理解任务。然后,您可以将计划移交给实现代理,或将其用作指导。

使用计划代理打开聊天:Stable | Insiders

开始使用计划代理

  1. 在聊天输入框中输入一个高级提示。例如,您可以询问

    Update the application to support multi-language localization.
    

    Add a search feature to the application.
    
  2. 在聊天视图的代理选择器中选择“计划”。

  3. 选择“发送”或按 Enter 提交您的提示。

  4. 回答任何澄清性问题或根据需要完善计划。

  5. 选择“开始实现”将计划移交给实现代理。

问答

问答代理专门用于回答有关您的代码库、编码和一般技术概念的问题。当您想了解某项功能的工作原理、探索想法或获得编码任务的帮助时,请使用问答。对于跨多个文件的较大更改或更复杂的编码任务,请考虑使用代理。

响应可能包含您可以单独应用于代码库的代码块。这对于单个文件中的较小编辑非常有效。要将代码块应用于您的代码库,请将鼠标悬停在代码块上,然后选择“在编辑器中应用”按钮。

使用问答打开聊天:Stable | Insiders

开始使用问答

  1. 在聊天输入框中输入您的提示。例如,您可以询问

    Provide 3 ways to implement a search feature in React.
    

    Where is the db connection configured in this project? #codebase
    
  2. 在聊天视图的代理选择器中选择“问答”。

  3. 或者,为您的提示添加上下文以获得更准确的响应。

  4. 选择“发送”或按 Enter 提交您的提示。

编辑

编辑代理专门用于在项目中的多个文件之间进行代码编辑。当您对要进行的更改以及要编辑的文件有很好的了解时,在编码任务中编辑代理会很有用。

VS Code 会直接在编辑器中应用代码更改,您可以在其中进行审查。使用编辑器叠加控件通过 控件在编辑之间导航,并选择保留或撤消更改。

使用编辑代理打开聊天:Stable | Insiders

开始使用编辑

  1. 在聊天输入框中输入您的请求。例如,您可以询问

    Refactor the authentication logic to use OAuth2.
    

    Add unit tests for the user service.
    
  2. 在聊天视图的代理选择器中选择“编辑”。

  3. 为您的提示添加上下文以指导 AI 在正确的文件中进行编辑。

  4. 选择“发送”或按 Enter 提交您的提示。

  5. 使用叠加控件在编辑器中审查代码更改。

为您的工作流程自定义聊天

通过添加上下文,您可以从聊天中获得更相关的响应。为了进一步根据您的特定项目指南和开发实践来定制聊天,您可以通过多种方式在 VS Code 中自定义聊天。

  • 自定义指令:添加持久指令,指导聊天在所有对话中的行为,例如编码标准、首选框架或架构指南。
  • 提示文件:定义可重用的提示模板,您可以使用 / 命令调用这些模板来标准化团队中的常见工作流程。
  • 自定义代理:为不同角色创建专门的自定义代理,这些代理针对特定开发角色和任务(如代码审查、规划或文档)进行了定制。
  • MCP 服务器:通过模型上下文协议集成外部工具和服务,用自定义功能扩展聊天。

编写有效的提示

为了获得最佳的聊天结果,请在编写提示时牢记以下技巧

  • 使用 # 提及添加上下文:引用特定文件(#file)、您的代码库(#codebase)或终端输出(#terminalSelection)。在聊天输入框中键入 # 以查看所有可用的上下文项。了解有关为您的提示添加上下文的更多信息。

  • 使用 / 命令:键入 / 以访问常用命令,例如 /new/explain,或者创建您自己的自定义提示

  • 引用工具:键入 # 后跟工具名称以扩展聊天功能。例如,#fetch 用于检索网络内容,#githubRepo 用于搜索 GitHub 存储库。了解有关在聊天中添加和使用工具的更多信息。

后续步骤

现在您已经了解了基础知识,可以探索更多聊天功能

其他资源

© . This site is unofficial and not affiliated with Microsoft.