我爱普洱茶 发表于 2025-3-31 10:21:22

VSCode扩展工具Copilot MCP利用教程【MCP】

https://i-blog.csdnimg.cn/direct/159c1f749461401185c38901b29fb8d6.png
MCP(Model Context Protocol,模型上下文协议) ,2024年11月底,由 Anthropic 推出的一种开放标准,旨在统一大型语言模型(LLM)与外部数据源和工具之间的通信协议。本文章教你利用VSCode扩展工具Copilot MCP快速上手MCP应用!
1. VSCode中安装Copilot MCP

https://i-blog.csdnimg.cn/direct/523863543dc64ef28d0f501cbbdfa587.png
Copilot MCP是一个适用于 VSCode 的 MCP Client。
2. Copilot MCP利用

安装之后会出现Coplilot授权,并在左侧菜单中出现MCP Server按钮
https://i-blog.csdnimg.cn/direct/3d53511bfa6e4b22ac8990f926452111.png
3. Add Server

点击Add Server,MCP Server分为两种创建方式,Process和SSE
https://i-blog.csdnimg.cn/direct/8adc4a9fada64392b2c4b54332c2b975.png
以Process为例,输入须要信息:
https://i-blog.csdnimg.cn/direct/0b4effba2c374d6587b6be7352312fd6.png
其中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
https://i-blog.csdnimg.cn/direct/30b45934654145e196bfefc9d9340214.png
以Filesystem为例,点进去可查看其调用方式,以NPX为例:
https://i-blog.csdnimg.cn/direct/e224d3d0b72446aab1ac7f66eaf95966.png
其要求我们输入npx命令,并附加上文件路径,可以为多个文件路径,显然,Command格式举例如下:
npx -y @modelcontextprotocol/server-filesystem /path

留意path修改为本身的文件路径,并确保你已安装node.js从而可以利用npx命令。
在Start Command中输入以上命令即可。
输入完成后点击 Add Server
成功后列表表现刚刚添加Server,不表现意味着添加失败。
https://i-blog.csdnimg.cn/direct/f6bb10a784ec4f5e866f8ce81bcc179a.png
点开后可查看该Server提供的Tools列表:
https://i-blog.csdnimg.cn/direct/e22b230c9f2847dda8ad29545db98ac2.png
4. 调用Server

预备一个测试文件,我在/path下创建了个mcp_test.txt文件,里面包含一句话:
https://i-blog.csdnimg.cn/direct/c491d5ac618a41fea07bc98141ed8632.png
之后,在VSCode 右侧Copilot对话框中收支:
   @mcp <内容>
https://i-blog.csdnimg.cn/direct/a845b5b8843d4718995f6038d6a8573a.png
例如:
   @mcp 请读取"/root/xxx"下的“mcp_test.txt”中的内容
https://i-blog.csdnimg.cn/direct/d443d9ca6dba47ae8b74f02bbdae1dfc.png
发送后得到回应:
https://i-blog.csdnimg.cn/direct/3179fe0f94c349dabb4a72ccdf6b8a06.png
成功!!!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: VSCode扩展工具Copilot MCP利用教程【MCP】