给队友 Vibe Coding 的洗鞋小工具 – 20260616

前两天，跟我家队友聊天。我跟他说：“你知道吗，现在有个叫 Vibe Coding 的东西，只要咱们脑子里有想法，它就能帮咱们做出来。”

他不太信，说：“真的假的？”

我说：“就说你最想要个啥？”

他想了一下，说：“平时洗鞋挺麻烦的，如果能有个小工具，在手机上点几下，就有人上门来收鞋子，洗完了再送回来，那多好。”

我说：“试试看嘛，又不花钱。”

于是当天晚上，我就开始动手了，他洗个澡的功夫我就搞了大致的小东西出来。

开头其实我只想到一件事：让客户能下单。 我就搭了一个页面，客户填名字、电话、地址、几双鞋，提交就行。代码跑起来，能收到订单了，心里还挺高兴。

但做着做着我就发现不对劲：光有客户下单没用，谁来收订单呢？ 商家那边总得有一个地方能看订单、知道谁下单了吧？于是我又开始搭 “商家端” ——就是后台，商家登录进去，能看到所有订单，还能标记“待处理”“处理中”“已完成”之类的订单状态。

然后最关键的一步来了：怎么把客户下单和商家后台连起来？ 数据存在哪里？怎么让两边看到同一条订单？这个我折腾了好一阵。后来通过我自己的网站，把数据库搭好，两个页面共用同一个数据源，才算真正打通。

整个过程不是一蹴而就的。 我一开始以为搭个大概就行，后来发现真要让它实用，得花很多心思。我是 边搭边改，边改边试：

• 先让客户能下单（能提交就行）
• 然后让商家能看到订单（能展示就行）
• 然后发现商家需要改订单状态（加个按钮）
• 然后发现客户下单时有些字段可以精简（删掉不必要的）
• 然后发现还需要加金额进去（那种一个版本一个版本的迭代，目前的是v5版）
• ……

这样来回改，改到最后，我自己都记不清改了多少遍（在v5版本之前还有很多试错的过程）。

经过这次，我总结了一个方法： 下次再做类似的小工具，我不会上来就写代码了。我会先列一个需求清单——客户需要什么功能、商家需要什么功能、数据怎么流动，就像写文章先列目录一样。等需求基本想清楚了，再去用 AI 写代码，然后把代码导到网站空间里，再去用、去体验、去测试。测试发现问题，再回来慢慢改。这样比“想到哪改到哪”要高效得多。

最后，我把这个工具放到了我的网站上：

客户下单页：https://chengyuxia.com/washv5/customer.php

商家后台：https://chengyuxia.com/washv5/merchant.php

源代码我也放到了 GitHub 上，并声明了版权（禁止商用）：
https://github.com/CYX20260615/washv5

说实话，一遍一遍过程也会有疲惫，但也很有意思，更重要的是这是一个不断思考和精进的过程。一步步看着一个想法，从一个聊天里的“要不做一个”，变成一个真的能点、能下单、能查订单的小工具，那种感觉说不出来，就是很踏实，AI来了，代码小白只要有想法愿意去试，真的可以搞出东西来，真的弥补了自己智商的缺陷。以前大家总是说要学会借助工具，此刻我深深的体会到在AI迭代如此快速的时刻，咱们一定要学会借助AI去探索自己想要探索的，打破自己的很多认知边界，哈哈，一点个人突然的领悟，共享。

Vibe Coding 确实厉害，但更重要的是：有了想法，真的要去动手做。哪怕一开始做得很粗糙，哪怕中间改了几十遍，只要咱们不断打磨，它就会慢慢变成咱们想要的样子。

现在这个工具还在继续完善。如果你也是开洗衣店、洗鞋店的，餐厅的，或者你也想给自己做个小工具，欢迎来我的网站看演示，或者去 GitHub 看看源码。一起交流，一起 Vibe Coding，一起创造不可能。