如何在Vscode中配置MCP服务?(包含实例:使用Github Copilot + 高德MCP查询旅游攻略)

1.首先在高德开发者平台申请 API Key

高德开放平台 | 高德地图API 注册完成后在应用管理 -> 创建应用 --> 添加key即可

每个人每个月都有免费的额度,可以在配额中查询。

2.在Vscode中为Github Copilot配置 MCP服务

打开Vscode --> Preferences --> Settings --> 搜索MCP --> 打开 Edit in settings.json文件

然后在chat.mcp.serverSampling 中添加如下关于高德MCP的信息。

复制代码
    "chat.mcp.serverSampling": {
    
            "mcpServers": {
                "amap-maps": {
                "command": "cmd",
                "args": [
                    "-y",
                    "@amap/amap-maps-mcp-server"
                ],
            "env": {
                "AMAP_MAPS_API_KEY": "你在第一步中申请的API_key"
            }
            }
        }

    }

如果希望在与github copilot对话中自动开启MCP服务,可以通过如下参数开启auto start

"chat.mcp.autostart": "newAndOutdated"

3.查看MCP服务是否注册成功。

如果使用MCP服务,需要注意对话需要在 Agent模式下进行。Ask模式不会使用MCP服务。

在Agent模式下,右下角会有一个工具的小图标。

点击后,可以看到MCP server下面已经显示出了高德的一些可用服务

4.测试MCP服务

例如:我询问是否可以帮我规划郑州的一日游,可以看到调用了MCP服务,并返回了相关结果。

其他的MCP服务配置方法一样,可以在ModelScope的MCP广场中查询更多自己想要用的MCP服务,加载进来。