VS Code 1.127:Agent 浏览器工具正式上线,AI 编程助手终于能"看见"自己的代码了
基于已整理草稿生成的网页版文章,适合先稳定落地,再做局部润色与发布检查。
导语
2026年7月1日,Visual Studio Code 发布 1.127 版本。这次更新最核心的变化是:Agent 浏览器工具从预览转为正式可用(GA),意味着 VS Code 里的 AI 编程助手现在可以自己打开网页、截图、点击按钮,验证写出来的代码是否真的能跑通。同时新增了 Agent 会话分组、CI/PR 反馈横幅、子 Agent 消耗追踪等实用功能。
Agent 浏览器工具正式GA:AI 终于能"自检"
之前在 VS Code 里用 Copilot Agent 写代码,Agent 只能在文件系统里操作——改文件、跑命令,但它看不到运行结果长什么样。如果写的是一个 Web 页面,Agent 无法确认按钮是不是真的在正确位置,表单能不能正常提交。
1.127 把"浏览器工具"推到了正式可用。现在 Agent 可以:
- 打开浏览器页面,查看自己写的代码在浏览器里的实际渲染效果
- 截图对比,确认 UI 是否符合预期
- 点击元素,测试交互逻辑是否正常
这对前端开发尤其有用。过去 Agent 写完前端代码后,你需要自己打开浏览器确认;现在 Agent 可以自己完成"写代码→看效果→修bug"的闭环。
Agent 会话管理:同时跑10个任务不再混乱
随着 AI Agent 用得越来越深,很多开发者会同时在 VS Code 里开好几个 Agent 会话——一个改 bug,一个写测试,一个做重构。1.127 新增了会话分组功能:
- 把相关的会话拖进同一个分组,折叠不重要的组,只关注当前任务
- 支持拖拽排序,多选批量移动
- 每个分组有快捷操作:一键开始新会话,或一键标记全部完成
还有"新手导览"(Onboarding Tours),用引导式 walkthrough 帮新用户快速了解 Agent 能做什么。
CI 和 PR 反馈直接进对话:不用再切窗口
这个功能解决了一个很实际的痛点:Agent 提交 PR 后,CI 跑挂了或者有人留了 Review 评论,之前你得手动去看、再回来告诉 Agent 怎么修。现在:
- CI 失败时,对话输入框上方会出现横幅,显示"5个检查中有2个失败",点击"Fix Checks"就让 Agent 自动修
- 收到 PR 评论时,横幅显示评论数量,点击"Address Comments"直接让 Agent 处理
整个修复流程不需要离开对话窗口。
编辑器 Gutter 反馈:在代码行旁边直接给 Agent 留言
审查 Agent 的代码改动时,如果你觉得某一行不对,不需要在聊天框里描述"第42行那个变量名不对"——直接在编辑器左边的 Gutter 栏点一下,就能在那个位置留评论,Agent 会精确地知道你想改哪里。
子 Agent 消耗透明化
Agent 经常会启动子 Agent 来并行处理任务,但之前你很难知道每个子 Agent 花了多少 token。1.127 现在鼠标悬停在子 Agent 上就能看到它的消耗明细,方便你判断哪些任务成本高、是否值得。
Multi-chat 会话改进
一个 Agent 会话里可以开多个聊天标签页,新建、关闭、恢复、删除都能操作。改动和进度在所有聊天标签页之间同步可见。
对谁有用
- 前端开发者:Agent 浏览器工具 GA 后,前端代码的"写完自检"终于自动化了
- 团队协作:CI/PR 反馈横幅让 Agent 修 bug 不再需要人工"传话"
- 重度 Agent 用户:会话分组和子 Agent 消耗追踪让同时跑多个任务变得可控
- Agent 新手:Onboarding Tours 降低上手门槛
限制与注意
- Agent 浏览器工具需要 Copilot 订阅,且目前仅支持 Web 应用的验证场景
- Agents 窗口仍标记为 Preview,部分功能可能变动
- Onboarding Tours 目前是实验性功能,默认可能不开启
参考来源
- [Visual Studio Code 1.127 Release Notes](https://code.visualstudio.com/updates/v1_127)
参考来源
说明:该页面由基础模板稳定生成,后续可继续局部润色样式或补充模块,再进入发布检查。