Hypereal AIHypereal AI
Video StudioVideo AgentMedia APICoding LLMsMCP
视频 APISeedance 2.0KlingVeo 3.1Gemini Omni VideoHappyHorse 1.1HappyHorse 1.0全部模型 →
图像 APIGPT Image 2Nano BananaFLUXMidjourney Alternative全部模型 →
LLM APIClaude OpusClaude SonnetClaude FableGPT-5.5GPT-5.5 ProGemini 3 ProGemini 3.5 FastGemini 3.5 ThinkingDeepSeek全部模型 →
价格
API 参考示例集
企业版推广计划关于我们更新日志联系我们

价格

返回文章列表
AIDeveloper ToolsTutorial

如何使用 VS Code Agent Mode (2026)

掌握 Visual Studio Code 中的内置 AI Agent

Hypereal AI TeamHypereal AI Team
12 min read
2026年2月6日
100+ AI 模型,一个 API

开始使用 Hypereal AI 构建

通过单个 API 访问 Kling、Flux、Sora、Veo 等模型。免费额度即可起步,可扩展至千万级。

获取免费 API Key查看文档

无需信用卡 • 10 万+ 开发者 • 企业级服务

如何使用 VS Code Agent Mode (2026)

VS Code Agent Mode 将 GitHub Copilot 从一个行内自动补全工具转变为一个全自动的编程智能体(Agent)。比起一次只建议一行代码,Agent Mode 可以规划多步任务、编辑多个文件、运行终端命令、迭代修复错误,并通过 MCP 使用外部工具——这一切只需通过一条自然语言指令即可实现。

本指南涵盖了如何启用 Agent Mode、进行配置,以及如何高效地将其用于实际开发工作。

什么是 VS Code Agent Mode?

Agent Mode 是 VS Code 中 GitHub Copilot Chat 的一项功能,它赋予了 AI 助手自主能力。当你在 Copilot Chat 面板中从 "Ask"(问答)或 "Edit"(编辑)模式切换到 "Agent" 模式时,AI 便获得了以下能力:

  • 规划并执行多步编程任务
  • 在整个项目中创建、编辑和删除文件
  • 运行终端命令并根据输出做出反应
  • 自动修复 Lint 错误和编译错误
  • 使用 MCP 工具与外部服务交互
  • 自主迭代工作,直到任务完成

Agent Mode 与其他 Copilot 模式的对比

功能 Ask Mode Edit Mode Agent Mode
回答问题 是 否 是
编辑单个文件 否 是 是
编辑多个文件 否 是 是
运行终端命令 否 否 是
自动修复错误 否 否 是
使用 MCP 工具 否 否 是
自主迭代 否 否 是
创建/删除文件 否 有限 是

前提条件

要求 详情
VS Code 1.99 或更高版本(推荐使用 Insiders 版本以获取最新功能)
GitHub Copilot 订阅 Copilot Individual, Business, 或 Enterprise
GitHub Copilot 扩展 来自 VS Code 扩展市场的最新版本
GitHub Copilot Chat 扩展 最新版本(通常与 Copilot 捆绑)

第一步:启用 Agent Mode

Agent Mode 在 VS Code 1.99+ 版本中默认可用。使用方法如下:

  1. 按 Ctrl+Shift+I(macOS 为 Cmd+Shift+I)打开 Copilot Chat 面板,或点击活动栏中的 Copilot 图标。
  2. 在聊天面板顶部,你会看到一个模式选择下拉菜单。
  3. 将模式从 "Ask" 或 "Edit" 切换到 "Agent"。

如果你没有看到 Agent 选项,请确保你使用的是最新的 VS Code 版本:

# 检查你的 VS Code 版本
code --version

# 更新 VS Code (macOS 通过 Homebrew)
brew update && brew upgrade --cask visual-studio-code

第二步:选择模型

Agent Mode 支持多个 LLM(大语言模型)提供商。点击 Copilot Chat 面板中的模型选择器进行选择:

模型 最适合 速度 质量
GPT-4o 通用编程任务 快 高
Claude Sonnet 4 复杂推理、重构 快 极高
Claude Opus 4 最难的问题、架构设计 较慢 最高
Gemini 2.5 Pro 大型代码库、长上下文 快 高
o3-mini 快速编辑、简单任务 最快 良好

你可以根据任务的复杂程度在对话过程中切换模型。

第三步:你的第一个 Agent 任务

在 Agent Mode 聊天框中输入自然语言请求。从一些实用的任务开始:

创建一个用于用户注册的 REST API 接口。它应该:
- 接收发送到 /api/auth/register 的 POST 请求
- 验证邮箱格式和密码强度
- 使用 bcrypt 对密码进行哈希处理
- 将用户存储到数据库中
- 返回一个 JWT token
- 包含输入验证中间件
- 为重复的邮箱添加错误处理

Agent Mode 将会:

  1. 分析你现有的项目结构和技术栈。
  2. 创建或修改多个文件(route, controller, middleware, model)。
  3. 通过运行终端命令安装任何缺失的 npm 包。
  4. 检查 TypeScript 或 Lint 错误并自动修复。
  5. 展示所有更改供你审查。

你可以接受单个更改、拒绝更改,或让 Agent 进行修改。

第四步:使用 Participants 和 Context

Agent Mode 支持 @ 参与者(Participants)和 # 上下文引用(Context References),以提供更具针对性的协助:

Participants

参与者 描述
@workspace 访问完整的项目上下文
@vscode 获取 VS Code 设置和配置相关的帮助
@terminal 获取终端输出和命令历史记录

Context References

查看 #file:src/lib/database.ts 和 #file:src/types/user.ts
并创建一个处理 CRUD 操作的新用户服务(user service)。

使用 #file:、#selection 或 #terminalLastCommand 为 Agent 提供特定的上下文。

第五步:配置 MCP 服务器

Agent Mode 支持 MCP(Model Context Protocol)服务器,这可以通过外部工具扩展 Agent 的能力。你可以在 VS Code 设置或 .vscode/mcp.json 文件中进行配置:

// .vscode/mcp.json
{
  "servers": {
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "ghp_xxxxxxxxxxxx"
      }
    },
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    },
    "postgres": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-postgres"],
      "env": {
        "POSTGRES_CONNECTION_STRING": "postgresql://user:pass@localhost:5432/mydb"
      }
    }
  }
}

连接 MCP 服务器后,Agent Mode 可以:

  • 创建 GitHub issues 和 pull requests
  • 直接查询数据库
  • 浏览网页并截屏
  • 与任何兼容 MCP 的服务交互

第六步:使用自定义指令

在仓库根目录创建一个 .github/copilot-instructions.md 文件,为 Agent Mode 提供持久化的指令:

# 编程标准
- 所有文件使用 TypeScript 严格模式
- 使用带有 hooks 的函数式 React 组件
- 使用 Tailwind CSS 工具类进行样式设计
- 为所有新函数使用 Vitest 编写单元测试
- 使用 Zod 进行运行时类型验证
- 遵循 src/ 中现有的项目结构

# 命名规范
- 组件:PascalCase (UserProfile.tsx)
- 工具函数:camelCase (formatDate.ts)
- 常量:UPPER_SNAKE_CASE
- 类型/接口:带 T 或 I 前缀的 PascalCase

# 错误处理
- 异步操作务必使用 try/catch
- API 接口返回结构化的错误响应
- 使用项目的 logger 工具记录错误

Agent Mode 会自动读取此文件,并在每个任务中遵循其中的指令。

实际工作流

缺陷修复工作流

我遇到了这个 TypeScript 错误:

Type 'string | undefined' is not assignable to type 'string'.

它发生在 src/components/UserCard.tsx 的第 42 行。
修复该错误,并在整个组件中添加适当的空值处理。

Agent 会读取文件、识别问题、应用修复、检查同文件中类似的问题,并验证修复后的代码能否通过编译。

测试生成

为 src/lib/validators.ts 生成全面的单元测试。
覆盖所有边界情况,包括:
- 空输入
- 无效格式
- 边界值
- 特殊字符
- Unicode 字符串

重构

重构身份验证模块:
1. 将所有 auth 逻辑从 src/pages/api/auth/ 移动到 src/services/auth/ 的服务层
2. 为 auth 服务创建一个清晰的接口
3. 更新整个项目中的所有引用
4. 确保所有现有测试仍然通过

Agent 会处理整个重构过程,包括更新甚至你未曾提及的文件中的导入语句。

文档编写

为 src/lib/ 中每个导出的函数添加 JSDoc 注释。
包含 @param, @returns 和 @example 标签。

获得最佳效果的建议

  1. 需求要明确。 不要只说“让代码更好”,而要说“重构 UserService 类以使用依赖注入,并为所有数据库调用添加错误处理”。

  2. 显式引用文件。 使用 #file:path/to/file 将 Agent 指向相关的代码代码。

  3. 让 Agent 迭代。 Agent Mode 可以自我修正。如果第一次尝试报错,它会自动检测并重新尝试。

  4. 使用检查点(Checkpoints)。 在进行一系列更改后,提交你的代码。如果 Agent 随后进行了你不想要的修改,你可以轻松回滚。

  5. 针对不同任务切换模型。 简单的编辑使用 GPT-4o 等快速模型,复杂的架构任务使用 Claude Opus。

Agent Mode 与其他 AI 编程工具对比

功能 VS Code Agent Mode Cursor Composer Cline Claude Code
多文件编辑 是 是 是 是
终端命令 是 是 是 是
MCP 支持 是 是 是 是
编辑器内置 是 是 (独立编辑器) 扩展 CLI
模型选择 多种 多种 多种 仅限 Claude
免费层级 有限 (Copilot Free) 否 是 (自带 key) 否
自动错误修复 是 是 否 是

故障排除

看不到 Agent Mode 选项: 将 VS Code 更新至 1.99 或更高版本。同时将 GitHub Copilot 和 Copilot Chat 扩展更新至最新版本。

Agent 反应慢或无响应: 对于简单任务,切换到 GPT-4o 或 o3-mini 等更快的模型。Claude Opus 虽然强大但速度较慢。

Agent 进行了错误的更改: 通过引用特定文件提供更多上下文。添加包含编程标准的 .github/copilot-instructions.md 文件。

终端命令失败: 确保 Agent 想要运行的命令在你的 PATH 中可用。在执行前仔细审查并批准命令。

MCP 服务器未显示: 检查 .vscode/mcp.json 的语法。添加新的 MCP 服务器后重启 VS Code。检查输出面板中的 MCP 相关错误。

总结

VS Code Agent Mode 是 Copilot 体验中最重要的重大升级之一。它将代码补全工具转变为一个自主开发伙伴,能够处理横跨整个代码库的复杂多步任务。结合 MCP 支持和自定义指令,它可以适应任何项目和工作流。

如果你正在构建需要 AI 生成媒体(图像、视频、音频或数字人对口型)的应用,请查看 Hypereal AI,它提供统一的 API、按需付费的定价以及极快的生成速度。

免费试用 Hypereal AI —— 35 个额度,无需信用卡。

相关文章

Claude Code 入门指南与最佳实践 (2026)

12 min read

Claude Code IDE 集成:VS Code、JetBrains 等 (2026)

13 min read

如何在 Windows 环境下通过 WSL 使用 Codex (2026)

10 min read

On this page

  • 如何使用 VS Code Agent Mode (2026)
  • 什么是 VS Code Agent Mode?
  • Agent Mode 与其他 Copilot 模式的对比
  • 前提条件
  • 第一步:启用 Agent Mode
  • 第二步:选择模型
  • 第三步:你的第一个 Agent 任务
  • 第四步:使用 Participants 和 Context
  • Participants
  • Context References
  • 第五步:配置 MCP 服务器
  • 第六步:使用自定义指令
  • 实际工作流
  • 缺陷修复工作流
  • 测试生成
  • 重构
  • 文档编写
  • 获得最佳效果的建议
  • Agent Mode 与其他 AI 编程工具对比
  • 故障排除
  • 总结
Desktop agent

Download Hypereal Agent

Run a local AI media workspace for image generation, video prompts, model selection, credit tracking, and saved artifacts.

MacWindows
v0.1.2Requires a hypereal.cloud API keyRelease manifest
Hypereal Agent desktop app screenshot

立即开始构建

立即开始构建
LogoHypereal AI
所有系统正常
LLM API
  • Hypereal SDK
  • MCP Server
  • Enterprise API
  • All LLM Models
  • Claude Fable 5
  • Claude Opus 4.7
  • Claude Sonnet 4.6
  • GPT-5.5
  • Claude Haiku 4.5
  • GPT-5.5 Pro
  • Gemini 3.1 Pro Preview
  • Gemini 3.5 Thinking
  • Gemini 3.5 Fast
  • DeepSeek V4 Pro
  • Kimi K2.6
  • GLM 5.2
  • Claude API in China
  • OpenAI API in China
AI API
  • AI API Overview
  • Seedance 2.0 API
  • Kling 3.0 API
  • Veo 3.1 API
  • FLUX API
  • GPT Image 2 API
  • vs WaveSpeed
  • vs fal.ai
  • vs Replicate
  • vs KIE.ai
  • vs OpenRouter
  • vs Together AI
  • vs SiliconFlow
  • Midjourney Alternative
  • Higgsfield Alternative
  • OpenRouter Alternative
视频模型
  • Google Veo 3.1 API
  • Kling 3.0 API
  • Kling O3 Pro API
  • Seedance 2.0 API
  • HappyHorse 1.1 API
  • HappyHorse 1.0 API
  • WAN 2.7 API
  • WAN Video API
  • Grok Video API
  • Hunyuan Video API
  • PixVerse V6 API
  • Pika Video API
  • Luma Dream Machine API
  • MiniMax Video API
  • Vidu Video API
  • Gemini Omni Video API
图像模型
  • NanoBanana 2 API
  • FLUX 2 API
  • GPT Image 1 API
  • Grok Image API
  • SeeDream V5 API
  • Imagen 4 API
  • Ideogram API
  • Recraft API
  • DALL-E 3 API
  • Stable Diffusion API
  • Gemini Image API
工具
  • Face Swap API
  • Video Face Swap API
  • Virtual Try-On API
  • AI Talking Avatar API
  • Lip Sync API
  • OmniHuman Avatar API
  • Tripo3D H3.1 API
  • ElevenLabs TTS API
  • Fish Audio TTS API
  • Whisper STT API
  • Lyria Music API
生成器
  • Video Agent
  • AI 图像生成器
  • AI 视频生成器
合集
  • 最佳视频模型
  • 最佳图像模型
  • Seedance 2.0
  • WAN 2.7
  • Qwen Image 2
  • Grok AI
  • Seedance 1.5
  • 运动控制
  • 内容检测
  • 目标检测
公司
  • 关于我们
  • 文档
  • Hypereal SDK
  • Cookbook
  • 更新日志
  • 博客
  • 联系我们
  • 常见问题
  • 路线图
  • 企业版
  • 联盟分销计划
  • Be a Creator
  • 开发者计划
法律
  • 隐私政策
  • 服务条款
  • 退款政策
  • Cookie 政策
  • 价格
  • 所有模型
  • 站点地图
  • Status
© 版权所有 2026。保留所有权利。
TwitterGitHubLinkedInYouTubeEmail