news 2026/9/12 1:17:26

这才是vibe coding正确的打开方式 - 手把手教你开发一个MCP服务

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
这才是vibe coding正确的打开方式 - 手把手教你开发一个MCP服务

1. 前言

从ChatGPT的出现,到现在Sonnet、Grok、DeepSeek等模型的百家齐放。AI的出现影响着人们的方方面面,尤其是编程领域,你的项目不涉及到AI,好像就是落后,好像就是老登,好像就是被时代抛弃。

最近一年vibe coding非常的火,它的意思就是开发者不用编写一行代码,通过对话就可以完成一个项目的上下线。非常适合有想法,但是不会编程(或者你是后端,不会前端)的同学。

下面我将以vibe coding为例,手把手教大家开发一个,随机生成用户身份证、姓名、手机号、银行卡号等信息的MCP服务,并且最终发布,上传github等等流程,完全不需要你懂一行代码,那我们开始吧

Github代码:https://github.com/wenbochang888/mcp-identity-service

示例图

2. Vibe Coding - 身份证号银行卡号MCP生成器

2.1 提前准备

  1. 通用模型:如GPT、DeepSeek、豆包等软件,用于生成优化提示词
  2. 编程软件:如cursor、Qcode、Trae、CodeBuddy、Claude Code等等,刚注册,会有非常多免费的额度
  3. 服务器(如果需要进行网站上线),如果是MCP服务则不需要

2.2 提示词

Vibe Coding中,你的软件效果如何,非常看喂给AI的提示词,因此我们尽量要把提示词写好。

所以我们一般要使用GPT、DeepSeek这种通用模型,帮我们生成优秀的提示词

问GPT:请给我生成一个cursor的提示词,目标是以下功能。我需要实现一个mcp服务,只有一个函数,传入姓名返回身份证号,身份证号是随机生成的18位数字,需要符合中国人的身份证格式,请给我一个cursor优秀的提示词

GPT答:你是一名资深的 TypeScript 开发工程师,正在为一个 MCP 服务编写代码。
请实现一个名为idService的 MCP 服务,它只有一个函数getIdCardByName(name: string): string
该函数的功能是:根据传入的姓名,返回一个随机生成的中国身份证号(18位),并且身份证号必须符合中国身份证的格式规则。
具体要求如下:

  1. 身份证号格式为:AAAAAAYYYYMMDDXXXC
  • 前6位:随机生成一个合法的行政区划代码(可以从常见的省市区代码中随机选取,如北京110000、上海>310000、广东440000等)。
  • 中间8位:随机生成一个合理的出生日期(例如1970-01-01到2010-12-31之间)。
  • 接着3位:顺序码,随机生成三位数字(001–999)。
  • 最后一位:校验码,按照中国身份证的校验算法(ISO 7064:1983.MOD 11-2)计算得到。
  1. 返回的身份证号必须是合法的(校验码正确)。
  2. 请使用 TypeScript 编写,代码应简洁、可读、可直接运行。
  3. 在实现中请包含:
    一个生成随机合法身份证号的辅助函数。
    校验码计算逻辑。
    示例调用。
  4. 最终输出完整的 TypeScript 代码,不要省略任何部分。

我们可以看到,类似于GPT生成的提示词非常的优秀,可以直接生产使用了,不需要我们修修改改了。

2.3 开发

将提示词喂给Cursor、Trae等编程软件。一包茶一包烟的功夫,你就会发觉代码生成好了。此时,注意,不要急!!!

让cursor自己理解下项目,并且生成README,类似于如何使用、如何部署、有哪些模块、有哪些功能、每个功能的作用等等。因为后续你需要用到这些README,让AI更好的理解项目便于新增、修改功能

这时候AI生成的可能不符合你的预期,这时候,你把README这些文件继续喂给AI,让AI继续编写。举一个例子,我生成完成身份证之后,想要实现一个三要素的生成。我就会继续让他帮我写如下

我需要完善mcp,新增2个函数。1. 返回三要素,返回类似如下:手机号:13823815272 身份证:210102198905199442 姓名:韩榕乐 2. 如果是四要素,则新增银行卡信息,给我一个cursor的提示词

然后AI这时候就会根据我的README,开始新增、修改功能了,最后你让它自己编写测试用例进行验证。

最终你会发现你完全不懂前端js ts,但是你用js语言实现了一个功能,你的想法得到了验证。

2.4 发布

MCP服务

我这次开发的是MCP服务,则直接问Cursor,将这个MCP部署到npm仓库,给所有人使用,最终他会自动的帮你发布(当然你需要登录npm仓库)。

最终链路如下:https://www.npmjs.com/package/@wenbochang888/mcp-identity-service

前端网页/后端

如果你发布的是一个服务,比如网站或者后端的一些接口,这时候你会使用到服务器。

像之前我们需要再服务器配置nginx、安装python、java等环境,现在有个AI,我们可以使用官方提供的MCP功能,直接让AI帮我们发布部署,完全是一键操作,不用自己做任何事情,非常的方便。

比如我使用的是腾讯云的服务器,他们就提供了一个MCP如下。你可以让AI来操控你的服务器做任何事情。

{ "mcpServers": { "lighthouse-mcp-server": { "command": "npx", "args": [ "-y", "lighthouse-mcp-server" ], "env": { "TENCENTCLOUD_SECRET_KEY": "YOUR_TENCENT_SECRET_KEY", "TENCENTCLOUD_SECRET_ID": "YOUR_TENCENT_SECRET_ID" } } } }

又比如我这个网站就是灵光一现的想法,让AI帮我写帮我发布的:https://www.gdufe888.top/wt/

3. 最后

在AI时代,编程、开发一个小项目变的触手可及。在这个时代只缺好的想法、好的创意。

只要你有创意,你有想法。AI之前需要你找前端、后端、运维等人员,十天半个月过去了,成本还高。现在你只需要AI就可以帮你实现需求,来快速上线验证你的想法、你的创意、你的商业模式是否可行。

当然我们程序员也要尽量用AI等编程工具提升自己,防止自己被时代所抛弃。

如果本文对你有所帮助,欢迎给我的github点赞,感谢。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/11 22:48:36

飞书文档批量导出终极指南:一键解决文档迁移难题

飞书文档批量导出终极指南:一键解决文档迁移难题 【免费下载链接】feishu-doc-export 项目地址: https://gitcode.com/gh_mirrors/fe/feishu-doc-export 你是否曾经为文档迁移而头疼不已?当公司决定更换办公平台,或是需要将飞书知识库…

作者头像 李华
网站建设 2026/9/11 20:42:27

Source Han Serif思源宋体:免费开源中文字体专业应用指南

Source Han Serif思源宋体:免费开源中文字体专业应用指南 【免费下载链接】source-han-serif-ttf Source Han Serif TTF 项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf 还在为字体版权问题而烦恼?Source Han Serif思源宋体为…

作者头像 李华
网站建设 2026/9/11 8:54:23

DOM Element:深入理解与操作

DOM Element:深入理解与操作 引言 在Web开发领域,DOM(文档对象模型)是一个至关重要的概念。DOM允许开发者与网页内容进行交互,如HTML和XML文档。DOM Element是DOM模型中的核心组成部分,它代表了HTML或XML文档中的每一个元素。本文将深入探讨DOM Element的概念、属性、方…

作者头像 李华
网站建设 2026/9/11 20:43:30

Turnitin系统查英文AI率多少为正常?报告显示星号*%怎么办?

很多学校和杂志社都在说需要检测论文AI率,但是论文AI率多少才算正常呢? Turnitin系统AI检测系统:https://students-turnai.similarity-check.com/ 今天这篇内容就给大家分享一下。 很多同学使用Turnitin系统检测了英文论文AI率之后&#x…

作者头像 李华
网站建设 2026/9/12 12:16:21

暖通净化空调恒温恒湿项目:PLC 与触摸屏上位机程序探秘

暖通净化空调恒温恒湿项目包括PLC程序和触摸屏上位机程序。 标准化很好的内部用的函数都封装成了标准块一套很好的学习资料。在暖通净化空调恒温恒湿项目里,PLC 程序和触摸屏上位机程序就像项目运转的左膀右臂,承担着关键任务。先聊聊 PLC 程序&#xff…

作者头像 李华