VSCode v1.102发布，AI体验大幅提升

大家好，我是农村程序员，独立开发者，行业观察员，前端之虎陈随易。

我会在这里分享关于 独立开发、编程技术、思考感悟 等内容，欢迎关注。

个人网站 1️⃣：chensuiyi.me
个人网站 2️⃣：me.yicode.tech
技术群，搞钱群，闲聊群，自驾群，想入群的在我个人网站联系我。

如果你觉得本文有用，一键三连 (点赞、评论、转发)，就是对我最大的支持~

每月一次的 VSCode 新版 v1.102 发布了，本次的主要更新内容依旧是在 AI 体验上面进行了增强，下面我们来快速浏览本期看点。

详细更新日志，请前往官方地址：https://code.visualstudio.com/updates/v1_102。

Copilot Chat 完全开源

VSCode 官方提供的 AI 功能，主要是由 GitHub Copilot 和 Github Copilot Chat 这 2 个插件提供的。

可以简单地将 GitHub Copilot 理解为 后端接口，Github Copilot Chat 理解为 前端界面，前者提供了 AI 的核心功能驱动，后者提供了用户交互的界面。

本次开源力度挺大，直接将 Chat 扩展使用 MIT 协议开源，可能是在下一盘大棋，以完全开放的态度，应对 Cursor 带来的强烈冲击。

直接通过链接导入提示文件

此功能支持聊天文件，提示文件，指令文件的外部导入。

生成自定义指令

在命令中心，点击 Chat: Generate Instructions 命令，将会在 Chat 面板自动分析当前项目，在 .github 目录中生成当前项目的 copilot-instructions.md 指令文件。

这个文件不需要手动拖到上下文，会默认在整个 AI 流程中生效，可以在这里对 AI 做一些全局规定，比如使用的 UI 框架，CSS 预处理器，用什么工具库等。

编辑先前的请求 (实验性)

需开启 chat.editRequests 设置。

现在可以点击之前的请求来修改文本内容、附加上下文、模式和模型。提交此更改后，所有后续请求将被移除，所有编辑将被撤消，并在聊天中发送新的请求。

终端自动批准 (实验性)

代理模式现在具有在终端中自动批准命令的机制。

目前有两种设置：允许列表 和 拒绝列表，拒绝列表的格式与允许列表相同，但会覆盖允许列表并强制批准

允许列表是命令前缀或正则表达式的列表，匹配后允许运行命令而无需明确批准。例如，以下命令将允许运行任何以 npm run test 开头的命令，以及 git status 或 git log。

json 复制代码

{
    "github.copilot.chat.agent.terminal.allowList": {
        "npm run test": true,
        "/^git (status|log)$/": true
    },
    "github.copilot.chat.agent.terminal.denyList": {
        "npm run danger": true
    }
}

代理对任务和终端的感知

代理模式现在可以了解其已创建的后台终端以及正在运行的任务。代理可以使用新的 GetTaskOutput 工具读取任务输出，这有助于避免运行重复任务并改善工作空间环境。

最大化聊天视图

可以使用关闭按钮旁边的新图标来切换最大化状态，或者使用命令面板中的新命令 workbench.action.toggleMaximizedAuxiliaryBar。

代理模式徽章指示器

现在，当窗口未获得焦点且代理需要用户确认才能继续操作时，会在 Dock 中的应用程序图标上方显示一个标记。

可以通过 chat.notifyWindowOnConfirmation 设置，这方便于在等待 AI 处理过程中，更好的查看和提示下一步。

Fetch 工具支持非 HTTP URL

有时模型会使用非 HTTP URL (例如 file:// URL) 来调用 Fetch 工具。

Fetch 工具现在不再禁止这种做法，而是支持这些 URL，并返回 URL 中文件或资源的内容，此外，还支持图片。

阅读聊天请求

要轻松查看 Copilot Chat 发出的所有请求的详细信息，请运行命令 显示聊天调试视图。这将显示一个树状视图，其中包含每个请求的条目。

可以看到发送到模型的完整提示、已启用的工具、响应以及其他关键详细信息，通过右键单击 >导出为... 来保存请求日志。

编辑工具改进

此版本对 GPT-4 模型和 Sonnet 模型所用编辑工具的可预测性和可靠性进行了多项改进，目前此版本具有更可靠的编辑行为，未来的版本中继续改进这些工具。

MCP 管理面板现已正式发布

现在可以直接在 VSCode 官网查看和安装 MCP，地址：https://code.visualstudio.com/mcp。

MCP 支持互动输入

最新的 MCP 规范增加了对 Elicitations 的支持，以便 MCP 服务器能够向 MCP 客户端请求输入。

比如拉取某个仓库，登录某个账户，现在的版本能力更强。

MCP 服务器管理视图

比起手动配置，可视化界面更直观，但，这界面是真的丑，期待后续优化。

MCP 服务器作为一级资源

大概就是说，MCP 服务器的配置，不再跟 user.json 文件混到一起了，提供了一个单独的 mcp.json 文件来进行配置。

Dev Container 支持 MCP 配置

Dev Container 配置 devcontainer.json 和 Dev Container Feature 配置 devcontainer-feature.json 支持位于路径 customizations.vscode.mcp 的 MCP 服务器配置。

创建 Dev Container 时，收集的 MCP 服务器配置将写入远程 MCP 配置文件 mcp.json。

配置 Playwright MCP 服务器的示例 devcontainer.json：

json 复制代码

{
    "image": "mcr.microsoft.com/devcontainers/typescript-node:latest",

    "customizations": {
        "vscode": {
            "mcp": {
                "servers": {
                    "playwright": {
                        "command": "npx",
                        "args": ["@playwright/mcp@latest"]
                    }
                }
            }
        }
    }
}

Dev Container 我没用过，欢迎是用过的小伙伴在评论区科普。

鼠标中键单击时滚动

只需单击或按住鼠标中键 (滚轮) 并移动即可滚动编辑器，相信大家应该用过蓝湖这种 UI 平台吧，就是拖动画布一个体验。

暂停代码补全

现在，可以使用全新的 暂停 功能暂时暂停行内建议和下一个编辑建议 (NES)。当我们集中精力，不受建议干扰时，此功能非常有用。

要暂停建议，在状态栏中选择 Copilot 仪表板，或从命令面板运行 暂停内联建议 命令，并从下拉菜单中选择持续时间。暂停期间，不会显示任何内联建议或 NES。

还可以指定自定义按键绑定，通过将所需时长作为参数传递给命令，快速暂停特定时长的建议：

json 复制代码

{
    "key": "...",
    "command": "editor.action.inlineSuggest.snooze",
    "args": 10
}

往期文章：

最后给大家分享一下我的主打产品，VSCode 编程神器 fnMap (函数地图)，欢迎大家体验。

安装地址：sourl.cn/zmnsPf