Artifacts 面板(预览)
Visual Studio Code 中的 Artifacts 面板会在聊天对话旁边显示重要的资源,例如截图、计划和文档。Artifact 可以同时来自多个来源,并以可折叠的树状控件形式按来源分组显示。
注意
Artifacts 面板目前处于预览阶段。要启用它,请将 chat.artifacts.enabled 设置为 true。

Artifact 来源
Artifacts 可以来自不同的来源,它们会被合并并按来源分组显示在面板中
- 基于规则的提取:VS Code 会根据可配置的 MIME 类型模式、文件路径通配符或内存文件路径,自动从对话内容中提取 Artifact。例如,内置规则可以显示截图和计划文档。详情请参阅配置 Artifact 提取规则。
- 智能体设置的 Artifact:智能体通过使用
#artifacts工具显式设置 Artifact。每次更新都会替换之前智能体的 Artifact 列表。 - 子智能体 Artifact:当智能体将工作委派给子智能体时,每个子智能体都可以设置自己的 Artifact,这些 Artifact 会显示在以子智能体名称命名的独立组中。
配置 Artifact 提取规则
基于规则的提取使用三个设置,每个设置将一个模式映射到组配置。组配置包含一个 groupName(显示标签)和一个可选的 onlyShowGroup 标志(当设置为 true 时,仅显示组标题,而不显示单个项目)。
| 设置 | 描述 | 默认值 |
|---|---|---|
| chat.artifacts.rules.byMimeType | 按 MIME 类型模式匹配工具结果,例如 "image/*"。 |
{ "image/*": { "groupName": "截图", "onlyShowGroup": true } } |
| chat.artifacts.rules.byFilePath | 按通配符模式匹配工作区文件,例如 "**/*plan*.md"。 |
{ "**/*plan*.md": { "groupName": "计划" } } |
| chat.artifacts.rules.byMemoryFilePath | 按通配符模式匹配内存工具写入的内容,例如 "**/*plan*.md"。 |
{ "**/*plan*.md": { "groupName": "计划" } } |
例如,要添加一条规则,将智能体写入的 HTML 文件作为 Artifact 显示,请将以下内容添加到您的设置中
"chat.artifacts.rules.byFilePath": {
"**/*.html": { "groupName": "Web Pages" }
}
要完全禁用基于规则的提取,请将所有三个规则设置设为 {}。
使用 Artifact
当有 Artifact 可用时,Artifacts 面板会出现在对话旁边。Artifact 会根据其来源进行分组。
- 选择一个 Artifact 以打开相应的资源。例如,选择图像 Artifact 会显示预览,而选择文档 Artifact 则会在编辑器中打开该文件。
- 来自智能体的 Artifact 在智能体每次更新它们时,都会替换掉之前智能体的列表。
- 每个子智能体的 Artifact 显示在单独的组中。您可以独立清除特定子智能体的 Artifact。
- 基于规则的 Artifact 会随着对话的进行自动更新。如果您更改了规则设置,Artifacts 面板会反映出更新后的规则。
让智能体创建 Artifact
您可以要求智能体将某些内容存储为 Artifact,只需在提示词中描述您的需求即可。例如
- “截取我的应用程序屏幕并将其设置为 Artifact”
- “写一份项目计划并将其设置为 Artifact”
- “将这些链接保存为 Artifact”
智能体随后会使用 #artifacts 工具将资源添加到 Artifacts 面板。您无需直接引用该工具。只需描述您想要保留的内容,智能体就会决定何时将其作为 Artifact 显示。
智能体还可以使用 #artifactRules 工具覆盖当前会话的提取规则。这将在会话期间替换任何基于设置的规则。