Cursor压力山大：VSCode 3月更新，原地化身免费AI代码编辑器

AI大模型入门

于 2025-04-07 11:30:14 发布

阅读量1.1k

点赞数 27

文章标签：人工智能前端 ui transformer ai 编辑器语言模型

本文链接：https://blog.csdn.net/m0_70486148/article/details/147040237

版权

引言

2025年3月，微软为VSCode带来了两项革命性的AI功能更新——Agent模式和MCP接入支持。这标志着VSCode正式从"智能编辑器"向"AI编程平台"的转变，也让开发者能够在任何环境下都能获得媲美Cursor、Windsurf等专业AI编辑器的体验。本文将深入解析这两项功能，并通过实际案例展示它们如何改变我们的编程方式。

1. VSCode 3月更新中2个重要AI功能

微软此次更新的核心是让VSCode与Copilot深度集成，推出了两大AI功能：

Agent模式：使VSCode从简单的代码补全工具升级为能理解自然语言指令、自主生成和编辑代码文件的智能代理
MCP接入支持：允许VSCode通过标准协议与外部服务连接，扩展为功能完备的智能体平台

这两项功能的结合，意味着开发者现在可以在任何能运行VSCode的环境中（如客户现场、远程支持等）获得完整的AI编程体验，而无需安装额外插件或担心账号安全问题。

2. 如何使用VSCode的Agent功能实现自然语言编程？

2.1 如何打开VSCode的Agent功能

Agent功能默认是关闭的，开启步骤如下：

点击VSCode右下角的小齿轮图标打开配置(Settings)
在配置界面搜索"Agent"
勾选Chat>Agent:Enabled选项
重启VSCode使设置生效

启用后，Copilot将提供三种模式：Chat(聊天)、Edit(编辑)和Agent(代理)。Agent模式是功能最强大的，能够理解复杂指令并执行多步操作。在这里插入图片描述

2.2 案例解析：使用Agent编写一个俄罗斯方块游戏

让我们通过实际案例展示Agent模式的强大能力——仅用自然语言指令生成一个完整的俄罗斯方块游戏：

创建一个空文件夹并命名为tetris-game
使用VSCode打开该文件夹
将Copilot切换至Agent模式
在Copilot提示框中输入：“使用JavaScript生成一个俄罗斯方块游戏”

Agent会开始工作，自动创建必要的文件（如index.html、game.js、style.css等），并填充完整的游戏代码。整个过程无需人工干预，最终你将获得一个可直接运行的俄罗斯方块游戏。

在这里插入图片描述使用Agent模式生成的俄罗斯方块游戏运行效果

这一过程展示了Agent模式的核心价值——将自然语言意图直接转化为可工作的软件，大幅降低编程门槛，提高开发效率。

3. 如何通过MCP让VSCode成为一个功能齐备的智能体平台

3.1 VSCode的MCP功能

MCP（Model Control Protocol）是微软推出的一套让AI模型与外部服务交互的协议。VSCode支持通过标准输入输出(stdio)和服务器发送事件(SSE)两种方式连接MCP服务器。

目前MCP服务器可以向Copilot的Agent模式提供三类资源：

工具(Tools)：扩展AI能力的函数或API
提示(Prompts)：预设的提示模板
资源(Resources)：数据或内容资源

其中最重要的是工具(Tools)，它能让VSCode获得各种专业能力，如地图导航、股票查询、天气预报等。

3.2 通过MCP接入高德地图，VSCode成为导航专家

让我们以接入高德地图服务为例，展示如何扩展VSCode的能力：

准备工作：

前往高德开放平台(https://lbs.amap.com)注册开发者账号
创建"Web服务"类型的API Key（注意不是其他五种类型）

接入方法一（直接HTTP SSE连接）：

使用Ctrl+Shift+P快捷键搜索"MCP"
选择"Add MCP Server"
选择"HTTP(server sent events)"选项
输入高德MCP服务器地址：https://mcp.amap.com/sse?key=您的API_KEY

接入方法二（通过配置文件）：

访问高德MCP配置生成页面获取配置代码 https://mcp.so/server/amap-maps/amap
将配置代码添加到VSCode的settings.json文件中（位于C:\Users\用户名\AppData\Roaming\Code\User\settings.json）

"mcp": {
        "servers": {
            // "amap": {
            //     "type": "sse",
            //     "url": "https://mcp.amap.com/sse?key=your-key"
            // },
            "@amap/amap-maps": {
                "command": "npx",
                "args": [
                    "-y",
                    "mcprouter"
                ],
                "env": {
                    "SERVER_KEY": "your-key"
                }
            }
        }
    },

在这里插入图片描述