vscode插件(MCP)开发入门(基于Cline开发)

最新推荐文章于 2025-10-06 22:10:42 发布
原创 最新推荐文章于 2025-10-06 22:10:42 发布 · 546 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode #ide #编辑器

注意：本文仅限基本环境搭建，并未涉及MCP相关开发

vscode插件(MCP)开发入门

首先推荐一个开源的vscode插件 Cline
建议先安装下 Cline 插件，知道它能做什么

Cline 开源项目地址

https://github.com/cline/cline/

安装依赖

npm install:all

安装全局vscode 工具

npm install -g @vscode/vsce

打包插件

vsce package

打包成功后，在根目录中将会出现可类似 claude-dev-3.12.3.visx 插件

在构建过程中可能出现 @esbuild/win32-x64 未安装的情况，可再自行安装

安装本地插件

code --install-extension claude-dev-3.12.3.visx

后面就可以根据自己的需求改了 =)

深入解析MCP（模型上下文协议）：从原理到实战开发
chuweiyan的博客
04-05 324
在 MCP出现之前，AI 模型面对的是支离破碎的数据、不一致的安全性，还有接连不断的整合难题，为了让 AI 能跟一个简单的工具对话需要多次调一个 API。在标准缺失的情况下，各个团队都在独立开发自己的工具，如LangChain、LlamaIndex等，导致不同框架的Agent难以互通，不同框架的工具也难以兼容。本文从MCP概念出发，讲解MCP是什么，并以开发Bilibili MCP Server为例，完成了MCP开发实战，接下来我们将深入实战MCP开发。对企业来说，MCP 是效率引擎。
【VS Code插件开发】入门篇（一）
热门推荐
编码世界
07-31 7万+
讲解了VS Code插件入门开发，讲解了项目的搭建、测试、打包、发布等一系列流程
VSCode+Cline开发并调用自定义MCPServer
MosuoLc的博客
03-28 4514
VSCode+Cline开发并调用自定义MCPServer
VS Code MCP 服务
likuoelie的博客
08-16 1381
Visual Studio Code中的Model Context Protocol（MCP）服务是一个开放标准协议，用于连接AI工具与外部数据源。它支持安全访问数据库、API等服务，可增强代码生成和自动化能力。MCP服务通过标准化接口运行，支持跨平台部署，提供数据连接、AI集成和安全性保障。开发者可通过安装MCP Server和相应扩展（如Cline）在VSCode中使用该服务，实现实时数据查询、API交互等功能。配置过程包括安装MCP Server、设置连接属性并集成到VSCode中。MCP服务适用于多
CodeX CLI安装+MCP适配与VSCode部署（Win）
最新发布
Kequan的博客
10-06 3380
本文介绍了CodeXCLI的安装与配置教程。系统要求Windows10/11，需安装Node.js等依赖工具。主要步骤包括：通过npm安装CodexCLI、验证版本、配置OpenAI API密钥（需创建.auth.json和config.toml文件）。使用codex/status检查配置，通过/approvals设置权限级别（推荐FullAccess）。MCP集成部分说明如何通过Mcprouter添加服务（如Serena），需在config.toml中配置MCP服务器参数。
VSCode+Cline+MCP初探与解决MCP服务安装不上的Bug
qq_34060370的博客
03-22 5395
由于AI火热趋势，不得不学习下AI。这篇小文是记录初探Cline的过程图，有一些步骤、自己的简单见解、遇到的bug很久没写文档，行文不太通顺流畅，以及有些地方解释说明可能有错。
在 Visual Studio Code (VSCode) 中配置 MCP（Model Context Protocol）
keyboard专栏
05-16 1万+
探索更多服务器：https://github.com/modelcontextprotocol。创建 .vscode/mcp.json 文件。配置 MCP Server 的步骤。验证和使用 MCP Server。推荐的 MCP Server。为例，介绍如何配置。
vscode配置MCP
ljw714的专栏
08-21 1155
本文介绍了如何在VS Code中配置MCP来提升AI编程效率。主要步骤包括：1) 安装GitHub Copilot和Copilot Chat插件；2) 安装Copilot MCP插件作为客户端；3) 配置mcp.json全局文件或项目级setting.json文件；4) 在Copilot Chat中选择agent模式并启用MCP工具。配置完成后，用户可通过对话框指令让Copilot自动完成编程任务。MCP提供了文件系统、Git和Web三种服务模式，支持全局或项目级配置，每月10美元可获得更强大的AI编程支持
【AI平台】n8n入门5：创建MCP服务，及vscode调用MCP测试
正经教主是个热衷于正经学习分享的教主。
04-30 2367
用n8n搭建一个MCP服务，然后用开发环境的MCP测试工具，测试调用一下。
MCP手把手带你入门-实战篇server + cline
Biubiubiu_boom的博客
05-13 903
本文介绍了如何通过MCP（Model Context Protocol）实现一个本地文件的增删改查功能的Server，并利用VS Code中的Cline插件进行调试和运行。文章首先介绍了MCP的基本概念和优势，包括构建MCP客户端、创建MCP服务器、使用标准传输等。接着，详细说明了Cline插件的安装与配置，并提供了MCP Server的代码示例，包括获取文件列表、获取文件详情、新增文件和更改文件内容等功能。最后，文章还提供了相关的参考文档和前置准备工作，帮助读者更好地理解和实践MCP技术。
新手入门MCP，新手如何使用MCP
m0_74916313的博客
09-30 1280
是一种协议，用于连接大模型（LLM）与外部工具/数据源，让模型可以访问外部数据、执行命令、调用 API，从而大大扩展模型的能力。让模型不仅能生成文本，还能“做事情”MCP 的使用场景：调用外部 API（GitHub、数据库、天气等）访问本地或远程文件系统执行计算或代码生成和大模型结合做智能问答或任务自动化简单来说，MCP 就是 AI 大模型的标准化工具箱。它让大模型可以利用这些工具与外界互动，获取信息并完成具体任务。在我们的日常工作和学习中，我们经常需要与浏览器、文件、数据库、代码仓库。
对MCP相关工具的优缺点分析
分享平时的学习心得和笔记
04-23 1039
以下是对MCP相关工具的优缺点分析：优点：缺点：优点：缺点：优点：缺点：优点：缺点：优点：缺点：优点：缺点：优点：缺点：以上工具各有侧重，选择时需结合具体需求：
VSCode配置Cline插件调用MCP服务实现任务自动化
scorpio的博客
07-09 1394
vscode配置Cline插件调用MCP服务实现任务自动化
VSCode扩展工具Copilot MCP使用教程【MCP】
UniqueUnit的博客
03-19 1万+
MCP（Model Context Protocol，模型上下文协议） ，2024年11月底，由 Anthropic 推出的一种开放标准，旨在统一大型语言模型（LLM）与外部数据源和工具之间的通信协议。本文章教你使用VSCode扩展工具Copilot MCP快速上手MCP应用！
VS code 如何接入 Model Context Protocol (MCP)
Kelaru的博客
03-16 4186
MCP 是 Anthropic 在 2024 年 11 月开源的协议，全称 Model Context Protocol。它就像给 AI 加了个“外挂”，让模型能访问外部资源，比如读文件、查 GitHub。
VS Code 插件开发入门教程
LuckyWinty的博客
03-12 4551
原本链接：https://hellogithub2014.github.io/2019/06/09/vscode-plugin-development/之前一直以为开发VS code插件是...
vscode 插件开发入门（一）
weixin_42439051的博客
03-05 627
vscode 插件开发 最近公司在重构项目，新建文件的时候觉得步骤比较繁琐，又找不到合适的插件，索性自己开发一个
vscode 插件开发入门
wdragonfly的博客
02-26 1万+
vscode 插件 介绍 年前最后几天无聊的时候在看vscode 插件开发的官方api。看的的确很久，年后上班的时候，试着尝试写一个小的插件，这个插件是记录 文件作者信息以及上次修改时间，之前用过类似的插件，感觉体验不太好，不知道现在是否还ok，所以就自己撸了一个，也算是一次尝试。 hello world 官方demo ps. 按着来， 生成一个小的demo，再直接改demo。...
VS Code插件开发入门
yaotu2003的博客
11-25 536
认识 Vs Code Visual Studio Code 是微软推出的开源的跨平台编辑器，它配备了内置的JavaScript的，TypeScript和Node.js的支持，并具有其他语言（C ++，C＃，Python和PHP）的扩展以及一个丰富的生态系统。本身专注于核心以及最常用功能开发并提供简洁流程体验，vscode的很多强大功能都是基于插件实现的。 VS Code 是基于 Electro...
vscode cline MCP
03-11
### 配置和使用 MCP 命令行工具 在 VSCode 中配置和使用 MCP (Machine Control Protocol) 命令行工具有助于提高开发效率并简化复杂任务处理。为了有效利用这些特性，需遵循特定设置流程。 #### 安装 Cline 插件 安装 Cline 插件是第一步，该插件深度集成了 MCP 协议支持等功能[^1]。通过扩展市场找到名为"Cline"的选项完成安装过程。 #### 设置环境变量 确保系统的环境路径已正确添加了 MCP 工具链的位置。这通常涉及修改 `.bashrc` 或者 Windows 上的 `PATH` 变量来指向 MCP 执行文件所在目录。 对于 Linux 和 macOS 用户，在终端执行如下命令： ```shell export PATH=$PATH:/path/to/mcp/bin source ~/.bashrc ``` Windows 用户则可通过系统属性中的高级设置界面调整环境变量。 #### 创建自定义任务 VSCode 支持创建 JSON 文件来自定义任务运行方式。编辑工作区下的 `.vscode/tasks.json` 来指定如何启动 MCP 相关指令： ```json { "version": "2.0.0", "tasks": [ { "label": "Run MCP Command", "type": "shell", "command": "${workspaceFolder}/mcp/run.sh", // 替换成实际脚本位置 "group": { "kind": "build", "isDefault": true }, "problemMatcher": [] } ] } ``` 此配置允许一键触发预设好的 shell 脚本来管理 MCP 流程。 #### 使用内置终端 得益于 Cline 提供的强大命令行集成能力，可以直接在 VSCode 内部打开终端窗口输入任意合法的 MCP 指令而无需切换到外部程序中去操作。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值