项目简介

这是一个基于Model Context Protocol (MCP) 实现的服务器，专为Vuetify框架设计。它允许支持MCP协议的LLM客户端（如集成在VS Code中的Claude）访问Vuetify的组件、文档、API等信息，从而更准确、高效地协助开发者进行Vuetify相关的开发工作。

主要功能点

• 组件信息查询: LLM可以查询Vuetify组件的详细属性、事件和插槽信息。
• 文档和指南提供: 提供Vuetify的安装指南、特定功能（如国际化、主题）的文档等。
• API数据访问: 允许访问特定版本的Vuetify API数据（如Web Types）。
• Prompt模板支持: 包含预定义的Prompt，用于引导LLM执行特定任务，例如安装Vuetify。

安装步骤

1. 环境准备: 确保您的系统已安装 Node.js 和 pnpm。
2. 获取代码: 克隆项目的 GitHub 仓库到本地目录。
3. 安装依赖: 在项目根目录下打开终端，运行 'pnpm install'。
4. 构建项目: 运行 'pnpm run build' 命令构建项目。
5. 启动服务器: 运行 'pnpm start' 命令启动MCP服务器。服务器通常会在后台运行，等待MCP客户端连接。

服务器配置

为了让MCP客户端（例如 VS Code 中的 Claude 集成）能够发现并连接到此服务器，您需要在客户端的配置中添加服务器信息。这通常涉及编辑 '.vscode/mcp.json' 或 'settings.json' 文件。

您需要配置一个 MCP 服务器入口，包含以下关键信息：

• 服务器名称: 一个标识服务器的名称，例如 'vuetify-mcp'。
• 启动命令 (command): 用于启动服务器的可执行文件或命令，例如 'node'。
• 启动参数 (args): 传递给启动命令的参数列表。对于此服务器，通常是构建后主入口文件的绝对路径，例如 '/absolute/path/to/your/vuetify-mcp/dist/index.js'。请务必将此路径替换为您实际的项目路径。
• 环境变量 (env): 服务器可能需要的环境变量。此服务器需要 'VUETIFY_API_KEY' 环境变量，请在配置中提供您的API密钥值。

配置示例（概念说明，非实际代码）： 为名为 'vuetify-mcp' 的服务器指定启动命令为 'node'，启动参数为 '/absolute/path/to/vuetify-mcp/dist/index.js'，并设置环境变量 'VUETIFY_API_KEY'。

此外，请确保您的MCP客户端的自动发现功能已启用（通常在客户端的设置中查找 'chat.mcp.discovery.enabled' 并设置为 'true'）。

基本使用方法

一旦服务器正确安装、启动并在MCP客户端中配置好，LLM客户端将能够自动发现并利用该服务器提供的功能。

1. 启动服务器: 按照上述安装步骤启动服务器。
2. 配置客户端: 在您的MCP客户端（如 VS Code 设置）中添加服务器配置。
3. 与LLM交互: 在LLM客户端中与LLM进行对话。LLM会根据上下文识别何时需要调用Vuetify MCP服务器提供的工具来获取信息或执行操作。
4. 验证发现: 在VS Code等支持MCP的客户端中，您通常可以通过命令面板搜索“MCP”来查看已发现和配置的MCP服务器列表，确认“vuetify-mcp”服务器是否已正确显示。

通过这种方式，LLM可以利用服务器提供的结构化数据和功能，提供更精准、更具上下文感的Vuetify相关帮助。