AI导哈

MCP服务器管理工具

一个用于创建、连接和管理MCP服务器的开发工具，支持VS Code集成和Playwright测试。

  • by winnikc
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 winnikc/node_mcp_example

使用说明

有用链接：

  • 包含TypeScript MCP SDK的GitHub仓库链接： https://github.com/modelcontextprotocol/typescript-sdk

代码片段：

  • 创建新服务器
const server = new McpServer({
    name: "Example MCP Server",
    version: "1.0.0",
});
  • 连接服务器
const transport = new StdioServerTransport();
server.connect(transport);

测试MCP服务器

  • 在终端中运行以下命令或将其设置为 package.json 文件中的脚本（当前位于测试脚本部分）

npx -y @modelcontextprotocol/inspector npx -y tsx main.ts

或者

npm run test

在VSCode中注册MCP服务器

  • 按 Ctrl + Shift + P
  • 输入： MCP: List servers
  • 选择：添加新的MCP服务器
  • 选择：命令（标准输入输出）
  • 输入命令以运行服务器： npx -y tsx main.ts
  • 输入服务器名称（例如：mcp-demo），然后按回车键
  • 在下一个问题中选择“工作区设置选项（仅限项目可用）” 您应该会被重定向到 mcp.json 配置文件

MCP服务器的初始正确配置

文件应位于 .vscode 项目结构中的目录。文件名必须为 mcp.json 翻译为中文是：“mcp.json 文件”或“mcp配置文件（JSON格式）”。这里，“mcp”可能代表某个特定的名称或缩写，具体含义需根据上下文确定；“json”是“JavaScript Object Notation”的缩写，是一种轻量级的数据交换格式 Playwright 和自定义 MCP 服务器的示例配置：

{
  "servers": {
    "mcp-demo-countries": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "tsx",
        "main.ts"
      ]
    },
    "playwright-test": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "playwright",
        "run-test-mcp-server"
      ]
    }
  },
  "inputs": []
}

剧作家MCP

目前仅在 Node.js

软件需求

  • VS Code 版本： 1.105
  • 剧作家： 1.56.0

开始入门

所有说明均针对VS Code编写。

  • 更新 Playwright：

npm i -D @playwright/test@latest

  • 初始化智能体：

npx playwright init-agents --loop=vscode

初始化智能体后，有3种聊天模式：

  • 规划者（为应用程序生成测试）
  • 生成器（用于生成Playwright测试）
  • 修复失败的playwright测试的修复者（或“问题解决者”）

相关 MCP