使用说明
胶水堆叠组件MCP服务器
该项目提供了一个模型上下文协议(MCP)服务器,用于将Gluestack组件与Claude Desktop和Cursor IDE集成。
先决条件
- Node.js(v14或更高版本)
- Claude桌面应用程序或Cursor IDE
安装说明
1.克隆和安装依赖项
git clone <repository-url>
cd <project-directory>
npm install
集成选项
您可以将此MCP服务器与Claude Desktop或Cursor IDE一起使用:
选项1:克劳德桌面集成
2.安装克劳德桌面
如果您还没有从Anthropic官方网站下载并安装Claude Desktop。
3.配置克劳德桌面MCP服务器
您需要将此MCP服务器添加到Claude Desktop配置文件中。
对于macOS和Linux:
使用光标编辑器:
cursor ~/Library/Application\ Support/Claude/claude_desktop_config.json
使用VS代码:
code ~/Library/Application\ Support/Claude/claude_desktop_config.json
对于Windows:
使用VS代码:
code $env:AppData\Claude\claude_desktop_config.json
4.更新配置文件
将以下配置添加到您的 claude_desktop_config.json 文件:
对于macOS和Linux:
{
"mcpServers": {
"your-mcp-server-name": {
"command": "node",
"args": ["/complete/path/to/your/project/index.js"]
}
}
}
对于Windows:
{
"mcpServers": {
"your-mcp-server-name": {
"command": "node",
"args": ["C:\\complete\\path\\to\\your\\project\\index.js"]
}
}
}
5.启动MCP服务器
导航到项目目录并运行:
node index.js
6.重新启动克劳德桌面
关闭并重新打开Claude Desktop应用程序。现在,您应该看到可用工具菜单中列出的MCP服务器。
克劳德桌面验证
按照设置步骤操作后:
- 打开克劳德桌面
- 在工具菜单中查找MCP服务器,就在您输入提示的输入下方
- 您应该看到“您的mcp服务器名称”列为可用的mcp服务器
选项2:游标IDE集成
2.启动MCP服务器
首先,通过运行以下命令启动MCP服务器:
node index.js
3.在光标中设置MCP
- 打开光标IDE
- 引导到 设置 (右上角)
- 选择 主控程序 从设置菜单
- 点击 添加MCP 添加新的MCP服务器
4.在游标中配置MCP服务器
将以下配置添加到您的 mcp.json 游标中的文件:
对于macOS和Linux:
{
"mcpServers": {
"your-mcp-server-name": {
"command": "node",
"args": ["/complete/path/to/your/project/index.js"]
}
}
}
对于Windows:
{
"mcpServers": {
"your-mcp-server-name": {
"command": "node",
"args": ["C:\\complete\\path\\to\\your\\project\\index.js"]
}
}
}
5.完成设置
MCP服务器现在可以直接在Cursor IDE项目中使用。您可以在开发工作流程中使用Gluestack组件集成。
光标验证
设置后:
- 检查MCP服务器是否出现在Cursor的MCP设置中
- 验证服务器是否正在运行且没有错误
- 测试项目中的集成
