AI直接调试浏览器! VS Code重大更新发布

Written by

in

文章目录
  • 这是本次更新最大的亮点。 VS Code 现在允许 AI Agent 直接使用内置浏览器,完成很多以前需要人工操作的工作,比如: 打开网页 读取页面内容 与 DOM 元素交互 获取浏览器 Console 日志 对页面截图 也就是说,AI 不只是“写代码”,还可以 帮你调试页面。 比如一个典型流程: 生成前端代码 自动打开浏览器 检查页面效果 分析 Console 报错 自动修改代码 这让 VS Code 的 AI 开发体验更接近 自动化开发助手。
  • VS Code 这次引入了一个新的概念:Agent Plugins 简单理解就是:给 AI 扩展能力的插件系统。 一个 Agent 插件可以包含: skills(技能) commands(命令) agents hooks MCP servers 也就是说,一个插件就可以直接给 AI 增加一整套能力。 未来可能会出现: 自动写测试的 Agent 自动修 Bug 的 Agent 自动生成文档的 Agent 安装也很简单,可以直接在插件市场中搜索。
  • 当 AI 开始参与复杂任务时,一个问题就出现了: AI 到底是怎么做出决定的? 为了解决这个问题,VS Code 新增了: Agent Debug Panel 这个面板可以显示: AI 的 system prompt 调用了哪些工具 执行了哪些操作 使用了哪些 prompt files 使用了哪些 skills 简单来说: 可以像调试程序一样调试 AI。
  • 如果你经常用 AI 写代码,一定遇到过这个问题: 聊到一半想尝试另一种方案。 以前只能: 新开一个聊天 或者重头再问一遍 现在 VS Code 支持: Fork Chat Session(会话分叉) 你可以: 从某条消息开始 创建一个新的对话分支 这样就可以同时探索多个解决方案。
  • 这次更新还增强了 Session Memory。 当 AI 制定一个开发计划时,这个计划会被保存到会话记忆中。 即使中间插入其他问题,AI 也可以继续回到原来的计划。 同时还加入了 Context Compaction: 当聊天内容太长时: AI 会自动压缩历史信息 保留最关键的上下文 这可以大大减少 AI “忘记之前内容”的情况。
  • 如果你观察最近几次 VS Code 更新,会发现一个明显趋势: AI 功能越来越核心。 从最早的:代码补全 到现在的: Agent 自动执行任务 浏览器自动测试 AI 调试面板 AI 插件生态 VS Code 正在从一个:代码编辑器 逐渐变成: AI 开发平台。 相关文档:https://code.visualstudio.com/updates/v1_110
  • 目录
    • AI Agent 可以直接操作浏览器了
    • AI Agent 插件系统上线
    • AI Agent Debug 调试面板
    • AI 会话支持分叉
    • AI 可以记住长期任务
    • VS Code 正在变成 AI IDE

    近日,微软发布了 VS Code 1.110 更新

    Visual Studio Code(代码编辑器) v1.111.0 64位 中文免费绿色版

    • 类型:编译工具
    • 大小:178MB
    • 语言:简体中文
    • 时间:2026-03-10

    查看详情

    这次更新最大的变化只有一个关键词:AI Agent。

    浏览器调试自动执行任务VS Code 正在从“代码编辑器”逐渐进化为 AI 开发工作台(AI Dev Workspace)

    官方更新地址https://code.visualstudio.com/updates/v1_110

    本文带你快速看看这次更新最值得关注的几个变化。

    这是本次更新最大的亮点。

    VS Code 现在允许 AI Agent 直接使用内置浏览器,完成很多以前需要人工操作的工作,比如:

    • 打开网页
    • 读取页面内容
    • 与 DOM 元素交互
    • 获取浏览器 Console 日志
    • 对页面截图

    也就是说,AI 不只是“写代码”,还可以 帮你调试页面

    比如一个典型流程:

    • 生成前端代码
    • 自动打开浏览器
    • 检查页面效果
    • 分析 Console 报错
    • 自动修改代码

    这让 VS Code 的 AI 开发体验更接近 自动化开发助手

    VS Code 这次引入了一个新的概念:Agent Plugins

    简单理解就是:给 AI 扩展能力的插件系统。

    一个 Agent 插件可以包含:

    • skills(技能)
    • commands(命令)
    • agents
    • hooks
    • MCP servers

    也就是说,一个插件就可以直接给 AI 增加一整套能力。

    未来可能会出现:

    • 自动写测试的 Agent
    • 自动修 Bug 的 Agent
    • 自动生成文档的 Agent

    安装也很简单,可以直接在插件市场中搜索。

    当 AI 开始参与复杂任务时,一个问题就出现了:

    AI 到底是怎么做出决定的?

    为了解决这个问题,VS Code 新增了:

    Agent Debug Panel

    这个面板可以显示:

    • AI 的 system prompt
    • 调用了哪些工具
    • 执行了哪些操作
    • 使用了哪些 prompt files
    • 使用了哪些 skills

    简单来说:

    可以像调试程序一样调试 AI。

    如果你经常用 AI 写代码,一定遇到过这个问题:

    聊到一半想尝试另一种方案。

    以前只能:

    • 新开一个聊天
    • 或者重头再问一遍

    现在 VS Code 支持:

    Fork Chat Session(会话分叉)

    你可以:

    • 从某条消息开始
    • 创建一个新的对话分支

    这样就可以同时探索多个解决方案。

    这次更新还增强了 Session Memory

    当 AI 制定一个开发计划时,这个计划会被保存到会话记忆中。

    即使中间插入其他问题,AI 也可以继续回到原来的计划。

    同时还加入了 Context Compaction

    当聊天内容太长时:

    • AI 会自动压缩历史信息
    • 保留最关键的上下文

    这可以大大减少 AI “忘记之前内容”的情况。

    如果你观察最近几次 VS Code 更新,会发现一个明显趋势:

    AI 功能越来越核心。

    从最早的:代码补全 到现在的:

    • Agent 自动执行任务
    • 浏览器自动测试
    • AI 调试面板
    • AI 插件生态

    VS Code 正在从一个:代码编辑器 逐渐变成: AI 开发平台。

    相关文档:https://code.visualstudio.com/updates/v1_110

    站内搜索