VsCode Colipot 🚗 + MCP Tools ✈️ = 让你的编程体验直接起飞 🚀🚀🚀

前言

上篇文章主要介绍了使用 Mcp ts Sdk 搭建一个 MCP 应用,我们已经知道下面的概念和基本使用!

我们并且在建立 Server 时添加了一个tool,根据关键字 公理 返回三体黑暗森林法则的两个公理!

往期精彩推荐

正文

今天我们的主要目标是:将这个工具注册到 VsCode 中,并可以在 Agent 模式中使用它!

添加 Mcp Server

Ctrl+Shift+PCmd+Shift+P,输入并选择 MCP: Add Server

或者你也可以在 Colipot 中点击工具图标进入:

选择合适的类型

接着会让你选择服务类型,如果你是在本地,推荐使用 Stdio

  • Stdio 的优势Stdio 传输适合本地开发,避免网络复杂性,适合测试和调试。
  • 其他传输方式 :虽然 VSCode 还支持 SSE(Server-Sent Events),但 Stdio 更适合本地场景

配置文件

根据自己的服务类型输入启动命令,比我上次我用的 js,这里会输入: node

连续回车两次,第一次是自动生成的tool唯一标识,第二次会让你选择设置,建议选择workspace settings

VSCode 会在根目录下生成.vscode/mcp.json如下的配置文件:

args 对应的是参数,比如执行文件目标地址!

使用

打开 Copilot Agent 视图,然后使用自然语言调用 MCP 服务器的工具。

我们输入框里输入相关语句,VsCode 会自动查找对应的 tool

最后

通过 VsCode Colipot Agent 提供的能力,我们可以让我们的编辑期更加智能的为我们提供服务!

好了今天的分享就些了,十分感谢大家的支持,如果文章后中有错误的地方,欢迎指正!

往期精彩推荐

相关推荐
IT_陈寒11 小时前
Redis性能翻倍的5个冷门技巧,90%开发者都不知道第3个!
前端·人工智能·后端
jingling55513 小时前
vue | 在 Vue 3 项目中集成高德地图(AMap)
前端·javascript·vue.js
油丶酸萝卜别吃13 小时前
Vue3 中如何在 setup 语法糖下,通过 Layer 弹窗组件弹出自定义 Vue 组件?
前端·vue.js·arcgis
J***Q29219 小时前
Vue数据可视化
前端·vue.js·信息可视化
ttod_qzstudio21 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
_大龄21 小时前
前端解析excel
前端·excel
一叶茶1 天前
移动端平板打开的三种模式。
前端·javascript
前端大卫1 天前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端
Want5951 天前
HTML音乐圣诞树
前端·html
老前端的功夫1 天前
前端浏览器缓存深度解析:从网络请求到极致性能优化
前端·javascript·网络·缓存·性能优化