cline介绍

Cline 是一款开源的 VSCode 插件，旨在通过集成 AI 模型为开发者提供智能代码生成、编辑、终端命令执行、浏览器交互等强大功能

直白的说，cline插件是VSCode界的 AI 全能客户端，提供了AI对话、代码辅助、MCP客户端、agent等功能

这里，我们介绍一下github官方 MCP服务的接入

插件安装、配置

VSCode 插件市场搜索安装即可

image.png

配置大模型的key

image.png

cline有免费的大模型可用，这里我使用自己买的大模型key进入，点击第二个按钮进入
当然，这里面也支持自建模型配置，例如ollama

image.png

测试是否安装成功

当我们对话 今天是几月几号,cline会帮将我们的问题稍作加工，发送给大模型

image.png

配置MCP服务

在服务市场，查找github 安装

image.png

image.png

安装完毕后，cline默认会引导该MCP服务的配置注入

这里是让你新建该mcp服务的配置文件，点击approve即可

image.png

这里它让你去github申请一个token过来

这里它已经告诉你 github 申请token的地址，当然也可以用下面我提供的

image.png

github token地址
https://github.com/settings/apps

image.png

将github申请的token 扔入聊天窗口中，cline会帮我们自动填充到刚才新建的配置文件中，点击保存即可

image.png

配置文件中的注意项

{
  "mcpServers": {
    "github.com/modelcontextprotocol/servers/tree/main/src/github": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-github"
      ],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "github_pat_16666666666666"
      },
      "disabled": false,
      "autoApprove": []
    }
  }
}

这里实际上是执行了 npx -y @modelcontextprotocol/server-github 命令，来实现与mcp服务端的交互
类库包为node写的modelcontextprotocol/server-github包
可以在npm包市场找到https://www.npmjs.com/

由于是使用npx命令，你的电脑中要有node开发环境

假如你的电脑为windows之类的，允许command命令时报错，请自行更换，例如 c:// 换行符 之类的

到这里，如果没有其他报错，也就配置完成了

使用

我们新开一个会话窗口，可以看到下面的mcp按钮小图标中，已经有了github服务

image.png

这里，进行一轮对话，请列举一下我github仓库中有多少项目

image.png

这里报错了(准确来说是补充信息)，提示我们输入用户名，
因为githubmcp服务查询仓库的tool中参数要输入github用户名
也想相当于 AI 问你你是要看谁的仓库

这里我输入我的github名称wodouliyoutang

image.png

由于我创建的github token的权限为公共仓库，这里列举了所有的公共仓库

我们关闭github mcp服务，再输入同样的对话，发现，他也就无法对github做更多的扩展事情了

image.png

github mcp 服务提供了哪些tool

这里可以看到mcp服务的具体tool情况

image.png

image.png

总结

我们可以利用在cline中的对话，查看自己或别人的仓库，拉取、推送、新建等操作
当然，也要注意ai给我们带来的风险

总体来说，实现原理为
通过在本地部署 github mcp服务端，在与大模型的对话过程中，mcp 客户端调用相应的rpc方法，最终实现一个任务的分批完成

本地运行的github mcp服务端与github的交互，则是通过 GitHub API 完成