现已发布!阅读关于 11 月新增功能和修复的内容。

开始在 VS Code 中使用聊天

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

在本文中,你将学习如何在 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 在专用侧面板中打开“聊天”视图。如果你更喜欢更大的聊天工作区,可以从聊天菜单中选择 New Chat Editor 将其作为编辑器标签页打开,或者选择 New Chat Window 将其作为单独的窗口打开。

使用聊天视图进行

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

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 标题栏中选择 Chat 打开“聊天”视图。

  2. 从代理选择器中选择 Agent

    使用代理时,聊天功能会自主确定需要完成的任务,并对工作区进行必要的更改。

  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 提供了四个内置代理:AgentPlanAskEdit。对于更专业的工作流程,你还可以创建自己的自定义代理

代理

Agent 针对基于高级需求的复杂编码任务进行了优化,这些任务可能需要运行终端命令和工具。AI 自主运行,确定相关的上下文和要编辑的文件,规划所需的工作,并迭代解决出现的任何问题。

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

你可以通过添加 MCP 服务器或安装提供工具的扩展程序来使用额外的工具自定义聊天功能

使用 Agent 打开聊天:稳定版 | 内部版本

开始使用代理

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

  2. 在聊天输入字段中键入高级提示。例如,你可以询问

    Implement a user authentication system with OAuth2 and JWT.
    

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

  4. 选择 Send 或按 Enter 提交提示。

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

    提示

    VS Code 可帮助你防止对敏感文件(例如工作区配置设置或环境设置)进行意外编辑。了解有关编辑敏感文件的更多信息。

Plan

Plan 代理针对为编码任务创建结构化实施计划进行了优化。当你想要在实施之前将复杂的功能或更改分解为更小、更易于管理的步骤时,请使用 plan 代理。

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

使用 Plan 打开聊天:稳定版 | 内部版本

开始使用 plan 代理

  1. 在聊天输入字段中键入高级提示。例如,你可以询问

    Update the application to support multi-language localization.
    

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

  3. 选择 Send 或按 Enter 提交提示。

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

  5. 选择 Start Implementation 将计划移交给实施代理。

Ask

Ask 针对回答有关代码库、编码和一般技术概念的问题进行了优化。当你想要了解某个事物的工作原理、探索想法或获取编码任务帮助时,请使用 Ask。对于跨多个文件的较大更改或更复杂的编码任务,请考虑使用代理。

响应可以包含代码块,你可以单独将这些代码块应用到代码库。这适用于单个文件中的较小编辑。要将代码块应用到代码库,请将鼠标悬停在代码块上,然后选择 Apply in Editor 按钮。

使用 Ask 打开聊天:稳定版 | 内部版本

开始使用 Ask

  1. 在聊天输入字段中键入提示。例如,你可以询问

    Provide 3 ways to implement a search feature in React.
    

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

  3. (可选)向提示添加上下文以获得更准确的响应。

  4. 选择 Send 或按 Enter 提交提示。

编辑

Edit 针对在项目中的多个文件中进行代码编辑进行了优化。当你对要进行的更改以及要编辑的文件有很好的了解时,Edit 非常有用。

VS Code 直接在编辑器中应用代码更改,你可以在其中查看它们。使用编辑器叠加控件,通过 UpDown 控件在编辑之间导航,并保留或撤消更改。

使用 Edit 打开聊天:稳定版 | 内部版本

开始使用 Edit

  1. 在聊天输入字段中键入请求。例如,你可以询问

    Refactor the authentication logic to use OAuth2.
    

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

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

  4. 选择 Send 或按 Enter 提交提示。

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

为你的工作流程定制聊天功能

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

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

编写有效的提示

为了从聊天中获得最佳结果,请在编写提示时牢记这些技巧

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

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

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

后续步骤

现在你已经了解了基础知识,请探索更多聊天功能

其他资源

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