> 技术文档 > VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp

VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp

VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp
MCP(Model Context Protocol,模型上下文协议) ,2024年11月底,由 Anthropic 推出的一种开放标准,旨在统一大型语言模型(LLM)与外部数据源和工具之间的通信协议。本文章教你使用VSCode扩展工具Copilot MCP快速上手MCP应用!

1. VSCode中安装Copilot MCP

VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp
Copilot MCP是一个适用于 VSCode 的 MCP Client。

2. Copilot MCP使用

安装之后会出现Coplilot授权,并在左侧菜单中出现MCP Server按钮
VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp

3. Add Server

点击Add Server,MCP Server分为两种建立方式,Process和SSE
VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp
以Process为例,输入必要信息:
VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp
其中Server Name是你给Server起的任意名字,需要注意的是Start Command。
这里我的输入为:

npx -y @modelcontextprotocol/server-filesystem /path

注意path修改为自己的文件路径,并确保你已安装node.js从而可以使用npx命令
这个Command怎么来的呢?
可从来自MCP Server官方社区获得自己想要的Server:

https://github.com/modelcontextprotocol/servers?tab=readme-ov-file

VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp
以Filesystem为例,点进去可查看其调用方式,以NPX为例:
VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp
其要求我们输入npx命令,并附加上文件路径,可以为多个文件路径,显然,Command格式举例如下:

npx -y @modelcontextprotocol/server-filesystem /path

注意path修改为自己的文件路径,并确保你已安装node.js从而可以使用npx命令
在Start Command中输入以上命令即可。
输入完成后点击 Add Server
成功后列表显示刚刚添加Server,不显示意味着添加失败。
VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp
点开后可查看该Server提供的Tools列表:
VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp

4. 调用Server

准备一个测试文件,我在/path下创建了个mcp_test.txt文件,里面包含一句话:
VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp
之后,在VSCode 右侧Copilot对话框中出入:

@mcp

VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp

例如:

@mcp 请读取\"/root/xxx\"下的“mcp_test.txt”中的内容

VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp

发送后得到回应:
VSCode扩展工具Copilot MCP使用教程【MCP】_vscode mcp

成功!!!