Vibe Coding实战：从翻车到上线，我开发了一款提前还贷计算器小程序

前言

在上一篇文章中，我建立了 Vibe Coding 信仰，并在开头豪言壮语：

“Vibe Coding 会上瘾，一旦你开始，就很难停下来。”

Vibe Coding 的流程应该是：优雅地输入需求 -> 惬意地喝杯咖啡 -> AI 完美生成应用 -> 上线收获掌声。理想很丰满，现实却翻车了。

今天继续 Vibe Coding 实战，这次要开发的是一个提前还贷计算器小程序，我们从最初的需求，到设计开发，再到调试上线，一步步踩了不少坑，也解锁了不少 AI 组合技，记录如下，供大家参考。

小程序功能：提前还贷计算器

提示词：

在当前目录下创建一个微信小程序项目，小程序名叫提前还贷计算器专业版。
一、使用微信原生技术栈
二、UI风格要现代化，如有必要可选择组件库
三、页面有2个：计算页面和关于页面

计算页面要有以下功能

1. 选择原贷款类型：商业贷款、公积金
2. 选择原贷款方式	：等额本息、等额本金
3. 填写原贷款金额：万元
4. 选择原贷款期限	例如：20年0月 (共240期)
5. 填写商业贷款利率或公积金利率
6. 选择第一次还款时间
7. 选择提前还款时间
8. 选择还款方式：一次提前还款、部分提前还款
部分提前还需要选择提前还款金额以及处理方式：缩短还款期限,月还款额不变、减少月还款额,还款期限不变

9. 点击计算按钮输出计算结果
已还利息额	
已还款总额	
节省利息支出	
该月还款额	
下月起月还款额	
新的最后还款期	

10. 还需要有重置功能