这是我来到L站的第一次发帖，内心很激动也很忐忑。因为觉得佬友们都很强，怕大伙觉得我分享的东西没用。但是想到自己都没有为社区做过什么贡献，为此感到羞愧，于是想把最近学的东西提炼一些有用的，来分享给大家。有不对的地方欢迎指出来，一起进步，让社区更加美好！
准备工作
本次教程会分别使用pip、npm、npx进行安装服务器，如果想用uv可以前往modelcontextprotocol查看相关教程。
首先确保我们已安装node.js（需要附带的npm）以及python（Python 2.7.9+ 和 Python 3.4+ 的官方安装包会附带 pip）。
- nodejs官网下载：https://nodejs.org/
- python官网下载(推荐3.9+)：Download Python | Python.org
// 验证是否安装成功
pip --version # 查看 pip 版本
node -v # 查看 Node.js 版本
npm -v # 查看 npm 版本
pip安装 Fetch MCP Server
这个MCP服务器是提供网页内容提取功能的模型上下文协议服务器，支持检索和处理网页内容，并将 HTML 转换为 Markdown 格式，便于使用。
1.我们通过 pip 安装 mcp-server-fetch ：
pip install mcp-server-fetch
2.然后打开cline的mcp配置文件：
3.配置Fetch服务器：
"fetch": {
"command": "python",
"args": ["-m", "mcp_server_fetch"]
}
// 完整配置应该长这样
{
"mcpServers": {
"fetch": {
"command": "python",
"args": ["-m", "mcp_server_fetch"]
}
}
}
4.进行测试：
测试前，请确保给了cline调用mcp服务的权限
这里我让ai获取并总结我的网站
ok，来看看结果吧
个人觉得，还行
npm安装浏览器自动化服务
1.安装mcp-playwright
npm install -g @executeautomation/playwright-mcp-server
2.进行配置（注意这里要区分mac和Windows哦）
// mac 电脑配置如下
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["-y", "@executeautomation/playwright-mcp-server"]
}
}
}
// windows配置
{
"mcpServers": {
"playwright": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@executeautomation/playwright-mcp-server"]
}
}
}
3.进行测试
我让它打开github并填入123
结果还是挺满意的
npx安装浏览器自动化服务
上面两个都是给cline安装mcp服务器，想象大家都已经学会了，举一反三，我们可以去servers上挑选喜欢的mcp服务器，然后下载下来，最后根据说明配置即可。
接下来我们给vscode自带的copilot安装一下浏览器自动化服务，这次使用mcp-playwright这个库。
点击在vscode中安装，这个是 无感知下载，安装完它自动配置。
也可以手动下载
npm install -g @executeautomation/playwright-mcp-server
然后就可以vscode自带的copilot中使用这MCP服务了。效果如下：
ok，上面就是全部教程啦。有不对的地方欢迎在评论区指出来，我马上修正。如果有帮助的话也可以点点赞啦 
，但是我跟其他佬友比较起来还有很多不足的地方，还需要继续努力！
