前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片NEW
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 查漏补缺常见问题解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
    • AI 定制路线NEW按你的简历现排
    • AI 知识地图NEW串起全站知识点
  • 动态
    • AI 热点NEWAI 每日动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
AI 助手NEW
旧版
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片NEW
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 查漏补缺常见问题解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
    • AI 定制路线NEW按你的简历现排
    • AI 知识地图NEW串起全站知识点
  • 动态
    • AI 热点NEWAI 每日动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
AI 助手NEW
旧版
返回 AI 情报前线
All News · 全部资讯8634
  • Mcp2cli:Token 效率提升 96-99% 的 MCP 工具
  • 用OpenCode构建规划管道提效实战
  • LeRobot机器人库v0.5发布
  • 百万Token上下文的LLM训练并行化技术
  • Claude Code会威胁团队协作吗
  • 初级开发者在AI时代的困境分析
  • LLM文本生成的常见套路大盘点
  • AI代码生成的隐形成本:验证债
  • Sarvam 105B开源模型发布
  • Claude Code在生产环境执行Terraform删除数据库
  • Anthropic红队为Firefox浏览器进行安全加固
  • 用AI赋予像素游戏角色逼真情感反应
  • OpenAI发布GPT-5.4新模型版本
  • PageAgent:嵌入式Web应用的自动化框架
  • 机器人AI在边缘设备的部署优化指南
  • 调试才是编程的真正核心技能
  • Claude Skills替代传统团队文档实践
  • LLM可靠性危机:幻觉问题本质分析
  • Claude Code Skills的真实作用和职业影响
  • Claude Code 实战对比:13 种语言的 AI 编程表现
  • VS Code 1.110:Agent 编排与集成浏览器工具
  • 多版本自动合并:从手动比稿到一键 Skill
  • Hugging Face 发布模块化扩散模型库
  • 从提示词到 Agent:AI 翻译工具的工程化演进
  • Cursor 推出自动化 Agent:基于触发器的编码助手
  • DEV 社区推出 Agent 会话分享与嵌入功能
  • AI Agent 时代需要重新设计的 CLI 交互
  • Cursor 现已支持 JetBrains 全系列 IDE
  • 企业级 MCP 网关架构实践分享
  • Claude 为何选择 Electron:原生开发的衰落
  • 24 小时训练文生图模型完全指南
  • Gemini 3.1 Flash-Lite:最快最廉的 Gemini 模型
  • Claude 工作循环机制的学术分析
  • 用 AI Agent 组建虚拟部门:单人公司自动化实验
  • Cursor 推出团队插件市场和 Agent 交互界面
  • Go 是构建 AI Agent 的最优编程语言吗
  • Claude Cowork 在 macOS 隐性占用 10GB 磁盘
  • Omni:基于 Postgres 的企业搜索引擎
  • 如何评估 AI 编程 Agent:实用技巧
  • 根据硬件配置选择合适的 LLM 模型
  • XML 标签是 Claude 的核心工作原理
  • 无缝迁移至 Claude:从其他 AI 工具切换指南
  • 将学术论文转化为交互式网页
  • 不要盲目信任 AI Agent:风险与局限分析
  • MCP Server 将 Claude Code 上下文消耗降低 98%
  • AI 时代开发者社区的新定位
  • 用 LLM 分析 TB 级 CI 日志的实战
  • 用 AI 加速内容工具开发效率提升 4 小时
  • 开源维护者免费获 Claude Max 20 倍额度
  • 开源工具 Unfucked:本地版本化管理代码改动
  • Claude Code 的设计选择与竞争优势
  • 已加载 51 / 8634
9.0
重磅
AI SCORE
工具产品2026-03-05 08:00

VS Code 1.110:Agent 编排与集成浏览器工具

VS Code Blog#VS Code#Agent#IDE
Editor brief · 编辑速览

VS Code 新增 Agent 生命周期钩子、Skill 机制、会话内存等功能,集成浏览器工具,使 Agent 在真实开发中实用。

文章思维导图
Knowledge map
拖拽缩放
Full translation

完整中文译文

为现实开发工作实现 Agent 的实用性

March 5, 2026 by VS Code Team, @code

Agent 正在承担越来越复杂和耗时的开发任务。

在 2026 年 2 月发布版本(1.110)中,我们通过给予你对 Agent 行为方式、与工具集成方式和跨会话项目上下文保留方式的更强控制,使这些工作流在 Visual Studio Code 内更加实用。

从通过 hooks 强制执行策略,到在 Agent 响应过程中引导它,再到使用集成浏览器工具验证 UI 功能,以及将结构化 skills 直接引入编辑器,这个版本重点是让 Agent 成为真实开发工作的可靠协作者。

给 Agent 提供正确的上下文

代码库通常具有复杂的架构和项目结构,可能由数千个文件组成。Agent 可能难以保持专注并找到正确的信息片段,尤其是在会话变得更长时。

在这个版本中,我们改进了 Agent 如何高效处理大量输出、如何记住任务中最重要的部分,并给予你对哪些信息可以被丢弃的控制。

大型 diff、生成的文件或广泛的日志如果被视为内联上下文,可能会压倒一个会话。

Agent 和 LLM 在处理文件时表现出色。VS Code 现在通过将大型输出流式传输到临时文件并优先考虑模型最相关的信息来管理它们。这使 Agent 能够专注于正确的细节,同时在不增加额外工作的情况下优化上下文使用。

从 UI 的角度来看,聊天对话中的大型工具输出会使跟踪会话中发生的事情变得困难。VS Code 现在将终端输出放在可折叠的部分中,给你想要的细节,同时保持会话整洁。

Visual Studio Code 中的 Agent 使用内存来保留相关上下文。Agent 内存现在跨越 coding agent、CLI 工作流和代码审查交互。

与每次从头开始不同,Agent 会记住你的偏好,从以前的任务中应用经验教训,并随着时间的推移对你的代码库积累知识。

架构决策、命名约定和之前的重构仍然是对话的一部分,所以你花费较少时间重新阐述意图,更多时间继续工作。

压缩长会话

随着对话扩展,VS Code 会自动压缩较旧的历史记录。之前的讨论被汇总,关键决策被保留,空间被释放用于正在进行的工作。

以前,你无法控制何时进行上下文压缩以及压缩后保留什么信息。也许你讨论了几个实现变体,只有一个特定的变体很重要,需要记住并继续构建。

现在你可以通过键入 /compact 来手动为会话运行上下文压缩。在这样做时,你可以给 Agent 额外的指令,说明要保留或丢弃哪些信息。

特别是在处理长时间运行的会话和处理大量上下文时,控制压缩可以让 Agent 专注于关键信息。

在 Agent 工作时引导它

Agent 有时会走错方向,这一点在它完成请求之前就显而易见了。

以前,你必须等待响应完成才能改变方向。现在,你可以在 Agent 生成响应时进行干预,指导工作的方向,而无需重新启动或丢失上下文。

如果你想到 Agent 应该执行的额外任务,你现在可以为 Agent 排队后续请求,以便在它完成当前任务后执行。如果你排队了多个请求,你可以轻松更改执行顺序。

例如,你可能会澄清:

  • 仅修改此组件
  • 重用现有实用程序
  • 避免对后端 API 的更改

更少的浪费编辑、更短的反馈循环,以及一个保持正轨的对话。

在我们的应用程序中,当引入新的样式指导来增强带有金色accent和闪烁效果的hero card时,Agent 重新审视现有的 CSS 并继续实现,而无需重新启动会话。

探索替代方案而不失去上下文

通常有多种方法来解决问题或多个设计选项。你可以创建多个聊天会话,每个变体一个,但这意味着你需要复制现有上下文和对话历史。

为了让这个体验更容易,你现在可以 fork 一个聊天会话。这会创建一个新的独立会话,继承原始会话的对话历史。forked 会话与原始会话完全分离,所以一个会话中的更改不会影响另一个。

你可以键入 /fork 并将复制完整的对话,或者可以在特定检查点使用 fork 按钮来 fork 对话直到该点。

在下面的演示中,/fork 创建一个并行线程,其中探索了更极简的设计方向,而不影响原始讨论。

执行项目政策

团队经常依赖约定、验证或自动检查来维护一致性。

Hooks 在关键生命周期事件处确定性执行,允许团队强制执行政策并设置护栏,使 Agent 驱动的更改与项目标准保持一致,而不是依赖重复的 prompt。

例如,一个团队可能会在应用编辑之前自动 lint 代码、阻止对受保护配置文件的更改,或在 Agent 修改应用程序逻辑时触发测试套件。

这使 Agent 驱动的更改与你的项目标准保持一致,无需持续监督。

下面的演示展示了在会话退出时执行的 stop hook,检测未提交的更改并自动提交和推送它们。

将 Agent 集成到你的工作流中

Agent 在自然集成到你已经依赖的工具和工作流中时最有用。这些更新引入了更丰富的 Agent 体验,关闭开发循环,而 skills 提供了你可以按需调用的可重用构建块。

在需要时运行 Agent skills

许多开发任务在会话中重复。

编写测试、重构代码或审查更改通常遵循你已经理解的模式。

与其每次重写指令,你可以使用斜杠命令直接从聊天中调用 Agent skills。Skills 可能来自内置功能、扩展或项目特定的工具。

与其模糊地 prompt,你可以有意地调用工作流。

  • /tests 生成验证测试
  • /explain 记录不熟悉的代码
  • /fix 针对特定错误

默认情况下,可用的 skills 出现在 / 菜单中,使它们易于发现和在会话间重用。

下面的视频展示了一个前端设计 skill 端到端驱动工作流,实现一个新的 UI 组件、集成实时数据并验证结果,而无需离开 VS Code。

在编辑器内验证更改

Agent 已经有效地生成和运行单元测试来验证非 UI 代码更改。

然而,验证前端行为通常依赖于手动测试或手动截图比较。

通过浏览器 Agent 工具,Agent 现在可以直接在 VS Code 内的集成浏览器中打开并与应用程序交互。

这允许 Agent 实现 UI 更改、加载运行的应用程序、检查结果,如果有问题,调整代码。

实现、检查和验证现在在同一工作流中进行,帮助你快速迭代,而无需离开编辑器。

在下面的示例中,集成浏览器打开并跟踪页面导航,所以你可以在与应用程序交互时验证更改。

跨工具的工作流集成

开发通常在终端和编辑器之间移动。

这就是为什么 Copilot CLI 现在集成在 VS Code 中,具有原生支持,包括 diff 标签、受信任文件夹同步和右键发送代码片段。你可以通过运行 /ide 来管理连接。

CLI 和编辑器保持一致,在工作进行时共享上下文。

  • CLI 进程生成更改
  • VS Code 将它们显示为 diff
  • 你直接在编辑器中审查和批准修改

VS Code 中 Agent 的下一步

Agent 正在成为日常开发的自然组成部分。你不应该必须围绕它们调整你的工作流。它们应该适应你的构建方式。

在 2026 年 2 月发布版本(1.110)中,VS Code 给予你对 Agent 行为方式的更多控制。它们更自然地融入你的工具,并跨会话携带上下文。

我们在开放中构建这个。如果你有反馈、想法或遇到问题,请在 VS Code repo 中打开讨论或文件 issue,或在社交媒体上找到我们。我们很想听听你的意见。

想看看这些功能如何增强你的开发者工作流吗?

加入我们的 VS Code 发布直播,于 3 月 19 日美国太平洋时间上午 8 点进行。打开通知!

Original source

本文由 AI 翻译整理自 VS Code Blog,原文版权归原作者所有。

阅读英文原文
上一篇
Claude Code 实战对比:13 种语言的 AI 编程表现
下一篇
多版本自动合并:从手动比稿到一键 Skill