前言：为什么你需要关注 MCP？
一、MCP 基础概念：AI 的「感官扩展」
一、MCP 基础概念：AI 的「感官扩展」
1.1 什么是 Model Context Protocol？
bash
# MCP 的本质是一个标准化协议
# 让 AI 模型能够安全、可控地使用外部工具和资源
┌─────────────┐ MCP Protocol ┌─────────────┐
│ AI模型 │ ◄────────────────► │ 外部资源 │
│ (Cursor) │ JSON-RPC 2.0 │ (DB/API/FS) │
└─────────────┘ └─────────────┘
1.2 核心组件解析
- MCP Server: 提供具体能力（数据库查询、API 调用等）
- MCP Client: Cursor/Agument 等客户端
- Transport: 通信层（stdio, HTTP, SSE）
二、环境准备与基础配置
安装Cursor或者Vscode（在插件市场找到augment安装）
三、实战配置：从简单到复杂
本人是前端，所以列几个比较常用的MCP cursor如何配置MCP？ 1、打开cursor 如图
可以通过json模式配置 ，点击Nwe MCP Server 进去通过json模版配置。
- 寸止：需要在本地安装 然后配置mcp github.com/imhuso/cunz… 。
- sequential-thinking：这个MCP是一种结构化的思考与问题解决框架，适用于复杂、开放式任务。
- BrowserTools MCP ：需要在浏览器安装扩展：git clone github.com/AgentDeskAI… 他的作用是让 AI 代码编辑器和代理能够监控并与你的网页浏览器互动，提供安全、高效的开发支持
- Playwright ：一个 MCP (Model Context Protocol) 服务器，用 Playwright 提供浏览器自动化能力。文档地址：smithery.ai/server/@enr… 。个人觉得让他的作用对于前端比较友好，可以让ai编辑器自己调用浏览器的各种功能来调试错误信息，节省token。 另外cursor可以通过agent自己生成项目规则。不过相对于cursor，更喜欢augment。 2、augment插件：配置方法也是可以通过json来配置的。不过augment可以通过内置的一些常用mcp来快速安装。
**四、结尾
第一次写分享，有点凌乱。谅解一下。
