快速上手 MCP Server:创建、发布 npm、使用自己的工具 | JS

快速上手 MCP Server:创建、发布与使用

引言

做一个文本工具,支持:

  1. 统一命名风格:在不同风格间快速转换(camelCase、snake_case、kebab-case)
  2. 可扩展:未来可以增加更多文本处理功能
  3. 可复用:不仅自己用,也可以分享给团队或社区

背景:在开发或者处理项目文档的过程中,我经常遇到一个问题:需要手动将文本从一种命名风格转换为另一种。例如,代码中有些变量是 camelCase,有些是 snake_case,或者文档中需要将表格、字段统一为 kebab-case。通过 MCP 协议,我可以让工具像服务一样运行,其他项目或客户端也可以通过 JSON 调用,实现自动化处理,从而大幅节省时间并减少错误。

一、创建

1.1 项目创建

npm init -y
npx gitignore node
npm pkg set type=module
npm install @modelcontextprotocol/sdk zod

在这里插入图片描述
文档结构:

mcp-text-tools/
├─ index.js        # MCP Server 入口
├─ package.json
├─ README.md
├─ .gitignore

在这里插入图片描述
在 index.js 我写了我的文本转换工具。

配置 pkg
在这里插入图片描述

完整代码

完整代码已开源在 GitHub:https://github.com/aPurpleBerry/mcp-dev-utils
发布在 npm 官网上,欢迎使用 https://www.npmjs.com/package/@apurpleberry/mcp-dev-utils
求个 ⭐ Star ~

1.2 测试

inspector 测试

运行命令 npx @modelcontextprotocol/inspector npx -y V:/Web/Github_commit/mcp-dev-utils/index.js
在这里插入图片描述

  • 第一步:
    在这里插入图片描述

  • 第二 三步
    在这里插入图片描述

  • 第四步在这里插入图片描述

cursor 测试

如果不知道 cursor 怎么使用 mcp server,可以看我的这篇文章:《Cursor 配置、使用一个简单的 mcp server》

在这里插入图片描述

绿色表示连接成功
在这里插入图片描述

测试语句:use convertCase tool to camel: helloWorld this_is_a_test another-example YetAnotherTest snake_case_example kebab-case-example
在这里插入图片描述测试成功:
在这里插入图片描述

二、发布

在测试我们工具成功工作之后,发布到 npm 官网:

  • 这里需注意如果 npm 源是镜像的话,npm login 无法登录,所以要先更换为官方 npm registry:npm config set registry https://registry.npmjs.org/
    在这里插入图片描述

  • 登录
    在这里插入图片描述

  • 因为我在 pkg 中写了命名空间,默认情况下,npm 会把 scoped 包发布为私有包
    在这里插入图片描述

  • 需要使用 npm publish --access public 告诉 npm:这个 带命名空间的包 要发布为 公开包
    在这里插入图片描述

  • 发布成功
    在这里插入图片描述

三、使用

在 cursor 中使用

  • 这里要说明版本号
    在这里插入图片描述
  • 配置成功
    在这里插入图片描述
  • 如果是黄色的话
    在这里插入图片描述
  • 在cmd中运行:
    在这里插入图片描述
  • 测试转换为 camel(驼峰)
    在这里插入图片描述- 测试转换为 kebab (中划线)
    在这里插入图片描述
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值