<div style="background: linear-gradient(to right, #434343 0%, #000000 100%); 
            padding: 3rem 2rem; 
            text-align: center; 
            border-radius: 8px; 
            border: 1px solid rgba(255, 255, 255, 0.2); 
            box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);">
    <h1 style="color: #00ff88;
               font-family: Arial, sans-serif;
               font-size: 2.5rem;
               text-align: center;
               background: linear-gradient(90deg, #00ff88 0%, #00ffff 100%);
               -webkit-background-clip: text;
               -webkit-text-fill-color: transparent;
               position: relative;
               letter-spacing: 2px;
               margin: 0;
               font-weight: 600;">
        记一次失败的VibeCoding项目
    </h1>
</div>


## 背景

- 做一个.net 的MES项目；
- 两个老项目MESA MESB，MESA先做的，一年后升级为MESB给两个工厂用，有重叠（框架）功能，也有独立模块；
- 现在要合并MESA MESB，因为要产品化，重构了整个数据库设计（其实就是表名字段名不一样，更丰富了）；
- 拆分成了多个项目，比如接口部分独立的一个项目，独立的服务，为了解偶；
- 时间限制，3个月，包括测试上线，`市场不等人` `股东大会已经预告了`；
- 人日分配，3*24 = 72 工作日，实施预留了三周实施（15人日），跨了一个`中秋`一个`十一`，预估 45天（8周）设计、开发；
- 人员分配，一个主开发（我），一个主测试，测试环境、测试用例也要我配；
- 模块大概7大模块，20+主要子模块，实际任务拆解到了1人天；
- 主力codex，gpt-5.6-sol xhigh，公司包token；



## 我干了什么

1. 第一周，摸清了一套看板驱动，组合各skills，看板MCP，任务守护，白天写任务，拆解，晚上执行+验证，有大的模块拆解了20个子任务，执行了24小时，第一周完成了框架的打架，本地环境跑通，完成了一个模块的开发；
2. 第二周，对第一个模块进行测试，迭代skills，发现问题明显，仿照页面做不到，不知道为什么，迭代了4次，就照着源码搬（是要改数据字段），也不行，基本页面布局都不能复制，更别说按钮、字段、字段（控件）类型（有日期控件、下拉框、或者只读字段），整个第二周没开发新的模块，而是在摸索任务细粒度，修复第一个模块以作为模板；
3. 第三周，因为进度落后，这时测试还没有介入，所以专注于写任务，继续拆分 定义范围specs，没时间看review，codex会打开浏览器测试验收，所以没管，基础增删改肯定没问题；第三周完成了三个模块的开发（是看板清空了，我还没实际跑），这里开始MES项目的复杂模块了，不仅仅是存入数据库开始有复杂业务了，需要关联其他多个模块，这时 grillme 真的会问我一天，就是算上加班的一个白天；
4. 第四周，开始验收上周的开发的模块，我发现我看不懂代码了，我以为会根据之前的模块和老的项目的结构 代码习惯（这里都有skills）写，结果还是加入了一堆冗余的判断、各种中间类、中间model，review了个寂寞 没有遵循代码规范；第四周 周二，进度还是落后了两个模块，这时平均一个模块就超过了3人天（拆任务、验证、改正 正好三天）；第四周 周三 果断放弃新项目开发，改为包装老项目，**MESA MESB作为独立服务，上层再包装一层** ；

## 总结
- `产品` `市场` 与 `解决方案` 的平衡：开发者除了搬运代码实现功能，还需要在各种实现路径中取舍；我这里就是开始将复杂度累加 `合并项目` `重构底层` `拆分服务` 指数级增加了项目的复杂度；应该在有限环境下取舍；不能总抱怨时间太紧，市场环境确实是重要因素之一，晚上线等于失去价值；
- `我` 和 `我 + AI`，我自己开发，我是 业务分析师 + 架构师 + 运维（配环境）+ 测试主管（出用例）+ coding（review可以省了基本上），我加AI ，就是 业务分析师 + 架构师 + 运维 + 测试+ Prompt工程师/AI架构师 + CodeReviewer + 业务Reviewer，对于有限时间（每个模块2、3天）是增加了我的负荷，因为对齐需求就要1天；
  > 这里的1天怎么来的，我还要说下，老的MES系统业务逻辑边界、脏数据兼容确实在代码中是分散的，但是是按年累计出来的，按理想状态下 50tps，真的要用1天；
- AI能力边界，AI确实能代替开发，代替产品，代替测试，各种代替，你要是都能跟他说清楚确实能代替，对于环境复杂的，可能还没说清楚上下文就炸了压缩导致失真，如果刚刚能说清楚，又会面临专注度问题，所以ai一直能当`副驾驶Copilot`，而不是主驾；这时光速开发=光速创建技术债；
- 看不懂代码对于vibecoding确实不是什么致命问题，但是在MES系统就没底，如果线上出现重复采集、防呆失效（防呆就是防人，真的什么都干的出来），这时产线主管就会来电话，如果我需要让AI告诉我是怎么运行的，关键逻辑哪里错误了，这个停产时间成本原本比我自己写代码大的多，而且修复也完全要ai，人基本参与不了；如果我跟厂长说 `你说的对，我确实忽略了...` `我将以最不绕弯子的方式重新...` `我犯了一个致命错误，我不该...`，厂长可能真的会踢死我，而我踢不了ai一点；成功的vibecoding项目我也写过，但是`受害者`只有我；
- 看板驱动这套工作流倒是沉淀了，二开的codex壳子将能力外放为了js方法，LLM可以通过写脚本实现hook，插入对话，判断任务等，我测试了goal，skills，都限制不住，该停还是停，各种阻塞，但是加入hook就不会阻塞，有决策的还能通知我企业微信；

记一次失败的vibecoding项目

# 设计
![图片.png](/static/img/91477d1525f9c3ec485b8c4074216d47.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)



# 制作

![图片.png](/static/img/a7cc6c02fbaa2eb29bc33eb2008192f1.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

# 成品


![图片.png](/static/img/ad7c175c1353895324d9dd57ed1bd38b.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)


![A$J0}R~76R4BW{_$%%KUMV9.jpg](/static/img/47e3d452dc45934676c4c6b6bb7f9394.A$J0%7DR~76R4BW%7B_$%25%25KUMV9.webp)

用image2画页面太方便了

<div style="background: linear-gradient(to right, #434343 0%, #000000 100%); 
            padding: 3rem 2rem; 
            text-align: center; 
            border-radius: 8px; 
            border: 1px solid rgba(255, 255, 255, 0.2); 
            box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);">
    <h1 style="color: #00ff88;
               font-family: Arial, sans-serif;
               font-size: 2.5rem;
               text-align: center;
               background: linear-gradient(90deg, #00ff88 0%, #00ffff 100%);
               -webkit-background-clip: text;
               -webkit-text-fill-color: transparent;
               position: relative;
               letter-spacing: 2px;
               margin: 0;
               font-weight: 600;">
        VS2022 MCP扩展插件
    </h1>
</div>

---

> 本来想搜一下codex的lsp功能，Grok搜出来一个vs-mcp的Visual Studio扩展（不是Vscode！），折腾了一下用上了，这里记录下

# 1. 安装
vs中扩展-管理扩展， 直接搜索 `MCP AI Server`，然后安装🔧就行了

![图片.png](/static/img/19df886b5c6c2fa546251d3f3cb560fb.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

安装后 在工具中会有一个选项，可以启动，配置端口号，开启的工具🔢等；这里应该要手动开启，而且每次都要开启；



> 2026年3月10日 插件居然更新并开源了 
> https://marketplace.visualstudio.com/items?itemName=LadislavSopko.mcpserverforvs

![图片.png](/static/img/66c5d66fe30eaf06bdcdfd2b9e56fd9e.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

最后得到一个mcp的地址 `http://localhost:3001/sdk` 就能链接成功了👍


![图片.png](/static/img/c6a3506a416a47a893291d13069b82c0.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

# 2. 用不上🚫

问题就来了，我的codex在WSL环境里，`localhost`肯定不是指向宿主机，想到反代指向宿主机IP，或者映射端口号，但是全试了，这个地址 `http://localhost:3001/sdk` 只要不是 `localhost` 就不行，写死了，127.0.0.1、0.0.0.0 都不行；

![图片.png](/static/img/3ccc199ab3f4a39ef668a28c728fba74.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

# 3. 再套一层📦

无奈，又套了一层MCPHUB，
```
npm install -g @samanhappy/mcphub
mcphub
```

![图片.png](/static/img/2de391048885ec31c86ca62d4623af54.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

`mcphub` 就可以暴露给WSL中的codex了，

```
[mcp_servers.mcphub]
enabled = true
url = "http://IP:3000/mcp"
```

# 4. 后续

- 然后`mcphub` 非要授权，`codex mcp login mcphub` 才能用，我也没搞懂怎么跳过；token配置了也不好使；
  > 点左下角的用户名，有设置可以关闭验证
- `vsmcp` 插件里 有 WSL的配置，说明考虑了，但是不知道怎么直接用

![图片.png](/static/img/c7dfa53838bb5ab18f28b56f329ed13d.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

但是好赖运行起来了，对于大一点的项目，比codex自己search快了一点，

![图片.png](/static/img/688ef6fb0a5dd1d2b6e2568418c511da.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

VS2022MCP扩展插件

<div style="background: linear-gradient(to right, #434343 0%, #000000 100%); 
            padding: 3rem 2rem; 
            text-align: center; 
            border-radius: 8px; 
            border: 1px solid rgba(255, 255, 255, 0.2); 
            box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);">
    <h1 style="color: #00ff88;
               font-family: Arial, sans-serif;
               font-size: 2.5rem;
               text-align: center;
               background: linear-gradient(90deg, #00ff88 0%, #00ffff 100%);
               -webkit-background-clip: text;
               -webkit-text-fill-color: transparent;
               position: relative;
               letter-spacing: 2px;
               margin: 0;
               font-weight: 600;">
        AI应用随记
    </h1>
</div>

---
> 记录一下，第一个全程用AI开发的工具上线使用了。

### 开发工具

* ClaudeCode 
    - 前半段用的claude4.5，但是国内的总是断开，后来用的MiniMax2，首月9.9
* Codex
    - 这里用的佬友开发的MCP服务 [
codexmcp
](https://github.com/GuDaStudio/codexmcp)
    - gpt5.1codex 配合 CodexCli写代码还是比较准确的，但是整体的规划不好，有时候会过度写；Claude细节又写不好，而且后面换了`MiniMax2`能力不是很突出，经常说改了但是还那样，所以后来的方案还是结合起来用；
    
    - 放个codex稳定服务商  [Routin](https://routin.ai/register?invitationCode=4NXUZZ)

* CodeSwitch
    - 前半段使用[CodeSwitchR](https://github.com/Rogers-F/code-switch-R)进行本地的切换；因为每次还要启动所以后面就换了；
* CCH
    * 后期使用了 [claude-code-hub](https://github.com/ding113/claude-code-hub)部署到VPS进行管理；
    
### 开发过程

1. 首先**第一版**PRD是手写的✍️，和`Gemini2.5Pro`一块讨论的，最终就想管理服务器的开机启动、定时任务、循环任务；能写脚本就行；
2. `Gemini2.5Pro`画的原型图📐，其实这一步是完善PRD的操作，高可用原型的成本已经非常低了，这里的PRD不仅是给人看的也是AI的提示词所以需要反复的迭代；最后输出**需求和初设文档**，要求是在初步设计时不带有具体的代码实现，如有必要只使用伪代码进行关键的逻辑描述，遵循MVP设计原则🎯；
3. 初步的定稿后使用的`Gemini3.0Pro`定义前端主题，前端审美这一块，拿捏🤏 ，一次就定下了主题；
4. 通过初设文档写了用户故事，进一步让AI能理解需求🤔，这两个文档是cc生成并且人工审核修改的，之后的工作就完整交给**Vibe coding**了；
5. 大模块和基本功能定下后，我让cc根据**需求和初设**和**用户故事**输出了**测试数据**和**后端接口文档**，进一步限定开发范围，避免过度设计；
6. 接下来我用`claude-sonnet-4-5`进行了技术选型并搭建基本程序框架，正式进入代码编写阶段👨‍💻；
7. 由于之前写了测试数据`Mock`,我直接从最核心的模块🧩进行开发，一些基础的数据全部来自测试数据，如果核心模块测试通过，其他外围的数据就固定了；
8. 首先我完成了服务器管理的核心功能⭐开发测试；
    * 前半段完全使用codex开发的，他的遵循能力很强，像前端基本设计出来能看，但是claude4.5总是在写前端时发挥导致页面主题看不得，还要用codex改；
    * 但是codex有个问题就是总会写新方法，加功能或者改一个小功能，都时一片绿色（加代码），中间我又让其进行了多次的重构和抽象以提取通用的代码；后来使用cc+codexmcp有所收敛;
    * `MiniMax2`的代码修复能力只能靠撞，抽卡，而且异常执拗；
9. 然后是基础数据的开发，像节点管理，脚本模板等；
10. 最后是系统日志、系统设置，仪表盘，登录认证是最后完成的；
11. 总耗时两周，总token数不好统计，大于200M，请求次数大于5000次；` 1 作者 已经推送 95 提交 到 master 和 95 提交 到所有分支。 在 master 上， 371 文件 已经改变 而且 新增 101407 行 和 删除 32989 行.`

### 随记
人人都是产品经理这句话越来越得到体现，我只做了软件范围的限定和测试（其实测试这部分也可以自动化）；

![图片.png](/static/img/b3e19091de7b4c37f99ee4b9f8659f0b.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)


![图片.png](/static/img/73f9270bce36e7c44eb68fa1a3916149.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

![图片.png](/static/img/dd74651e38af15db2515cb1604bf15f4.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

![图片.png](/static/img/0c1cf5792af642976beb8341259e07ed.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

![图片.png](/static/img/6975132ee7317cbad3b10443e43ce84f.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

我的第一个100%Vibe coding应用

<div style="background: linear-gradient(to right, #434343 0%, #000000 100%); 
            padding: 3rem 2rem; 
            text-align: center; 
            border-radius: 8px; 
            border: 1px solid rgba(255, 255, 255, 0.2); 
            box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);">
    <h1 style="color: #00ff88;
               font-family: Arial, sans-serif;
               font-size: 2.5rem;
               text-align: center;
               background: linear-gradient(90deg, #00ff88 0%, #00ffff 100%);
               -webkit-background-clip: text;
               -webkit-text-fill-color: transparent;
               position: relative;
               letter-spacing: 2px;
               margin: 0;
               font-weight: 600;">
        日常AI应用随记
    </h1>
</div>

# 日常AI应用实践总结

## 1. 辅助开发

### 1.1. 注释生成
*   **自研插件 (FineUICoreDesignerPro for VS2022):** 在前台文件保存时，利用AI自动读取文件内容，为控件生成注释，方便后台的调用与维护。

![图片.png](/static/img/d2ccce88a84257f9e4d24bb0144cca42.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)
![图片.png](/static/img/dce04c06827e2467130da7d553bc133e.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)


### 1.2. Git自动提交
*   **VS2022 集成工具 (基于 AICommits):** 汉化并集成了开源项目 AICommits。通过一键操作，AI能够自动读取代码的修改内容（diff），生成规范且表意清晰的 commit message，并完成提交与推送。

![图片.png](/static/img/ccf2ea515d299fb17110ba0f7882f931.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)
### 1.3. 编写代码
*   **辅助工具/插件:** Codex CIL, Claude CIL, Kilo Code 等。
*   **主力模型:** GLM-4.6, Gemini 2.5 Pro, Claude-4-Sonnet。

---

## 2. MCP插件与知识库

### 2.1. 提交记录查询
*   **自研Gitea MCP插件:** 配合AI，可以高效地读取指定项目或时间段内的Git提交记录，并进行智能总结或精确查询，快速定位版本变更历史。

### 2.2. ERP库表查询
*   **自研ERP库表查询MCP:** 能够查询当前ERP系统的数据库表结构。通过配置AI，实现TXT2SQL，辅助进行复杂的库表查询、字段查询和SQL语句编写。

### 2.3. ERP智能查询平台 (Agent + 知识库)
*   **技术架构:** 基于开源项目 **FastGPT** 搭建。
*   **知识库构建:** 整合公开的易飞ERP资料，构建领域知识库。
*   **应用模式:** 以智能体（Agent）的形式，配合MCP插件，用于解答ERP相关的业务流程问题和数据库技术问题。

![图片.png](/static/img/0fcd3309afdc0bc3e3b08b6a11c96b3a.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

![图片.png](/static/img/d28c59a1523cff915d2ad91de1dfdb32.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)

![图片.png](/static/img/6f03632f94e2e6ada1077892d1a7efa5.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)
---

## 3. 其他效率工具

### 3.1. 自研智能图表生成器
*   **核心功能:** 根据自然语言提示（Prompt）生成 **ECharts** 图表。
*   **智能交互:** 能够智能推送图表优化建议，并支持通过连续对话进行图表的实时修改。
*   **输出与分享:** 支持将生成的图表导出为PNG图片，并提供分享功能。


![图片.png](/static/img/8cdc8de8290e60aa4d0478e74f8502c7.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)
### 3.2. 自研流程图工具
*   **核心功能:** 根据自然语言提示（Prompt）生成 **Mermaid** 语法的流程图。
*   **交互特性:** 支持连续对话、查看历史对话记录以及版本回退功能。


![图片.png](/static/img/1374f9af28b5e0048f69590cc15a8c8a.%C3%A5%C2%9B%C2%BE%C3%A7%C2%89%C2%87.webp)