Component MCP Server

🚀 組件 MCP 服務器

這是一個用於搜索和獲取本地倉庫中組件信息的 MCP 服務器。它能幫助用戶高效地從本地倉庫中獲取組件信息，但目前尚未在 npm 上發佈。

🚀 快速開始

本 MCP 服務器可用於搜索和獲取本地倉庫中的組件信息。不過要注意，它還未在 npm 上發佈。

📦 安裝指南

安裝依賴項

執行以下命令安裝所需依賴：

npm install

配置環境變量

創建 .env 文件，並指定組件庫的路徑：

COMPONENTS_PATH=/path/to/your/front/repository/components

💻 使用示例

構建 MCP 服務器

使用以下命令構建 MCP 服務器：

npm run build

VSCode 配置

在 launch.json 中添加以下配置，以便在 VSCode 中啟動和調試：

{
  "servers": {
    "component-mcp-server": {
      "command": "node",
      "args": ["./dist/index.js"],
      "env": {
        "COMPONENTS_PATH": "/path/to/your/front/repository/components"
      }
    }
  }
}

✨ 主要特性

• getComponents：根據用戶提供的上下文內容，搜索並獲取對應倉庫中的組件庫，並返回源代碼。

🔧 技術細節

調試方法

使用以下命令啟動開發工具以測試和調試 component-mcp-server：

npx @modelcontextprotocol/inspector node ./dist/index.js

技術棧

• TypeScript：提供類型檢查，增強代碼的可維護性。
• Node.js：作為服務器運行環境。
• @modelcontextprotocol/sdk：用於實現 MCP 服務器的 SDK。

⚠️ 重要提示

該組件 MCP 服務器尚未在 npm 上發佈。