提前还贷能省多少？”文科生“利用AI编程做出了个小程序帮你算一下

为什么要开发一个微信小程序？

先上成果：
（由于优快云对小程序码的限制，想体验请自行微信搜索：我想提前还）

这是一个用于计算提前还贷能省下多少利息的微信小程序。

我是一点不懂怎么开发微信小程序，但我真的花了一天时间把它做出来了。具体怎么操作文章下面有详述。我想先聊一下，为什么我想利用AI编程做这么一个小程序。

对于非科班的人而言，利用AI编程做一个微信小程序和做一个网页的流程（见上一篇）类似。不同的是，开发小程序时无法用浏览器预览到结果。微信小程序的代码则需要在微信官方提供的工具里查看效果。

但小程序的优势也很明显，一旦代码符合自己预期，通过微信的官方工具就能直接将其公开发布，所有人都可以通过微信客户端访问。比上线一个网站需要折腾服务器、域名可方便多了。

**普通人就特别适合用AI编程做一些简易、轻量级的小程序。开发门槛低，还能够快速上线并获取正向反馈。**刚好最近和媳妇一直研究提前还贷的事，一想这倒是一个刚需但又低频的小需求，很适合做成小程序的形态。

为什么要使用专业的AI编程软件？

虽然我们不用亲自写代码，但小程序开发流程多少还是有点难度的。

上一篇所提到的每一个学AI编程的都应该先做一个网页的案例里，为了能够快速获得正反馈、让人体验到编程的乐趣，我举的都是较为简单的案例。当需求更加复杂，所需要的代码层级就会变多，单用一个通用对话式AI工具已经完全不能够发挥出AI编程的真正能力了。此时完全不推荐deepseek或者豆包这类通用型AI，我们需要使用更专业的AI编程工具，他们可以更加效率的帮我们协作好各个代码之间的关系。

提到专业编程工具几个字其实不用畏惧。因为AI编程工具在操作上完全是傻瓜式的，这和传统程序员所用的编程软件天壤之别。比较常见的就有Trae/Cursor/CodeBuddy/Qoder。随意下载一个无脑点击“下一步”就能安装。我一个完全不懂小程序开发的人此次体验别提多流畅了。

我的实践经过

准备工作：

1.下载微信开发者工具。百度关键词，官网下载，微信登入。

2.注册一个小程序。在官网根据指引注册一个小程序，并做好小程序的认证和备案。官网在此：

https://mp.weixin.qq.com/cgi-bin/wx

3.准备Trae/Cursor/CodeBuddy/Qoder等任意专业的编程工具

开发流程：

以CodeBuddy编程工具为例。为什么使用它？我寻思微信小程序是腾讯出品，CodeBuddy也是腾讯产品，联动开发起来可能会有额外的便利性。当然这只是我的臆想。理论上用任何一款AI编程工具都是可以的。

1.新建工作区域

打开软件后，选择“打开文件夹”，选择你本次编程的文件夹路径。后面和本次编程相关的所有代码文件都会在这个文件夹里进行操作。

完全不懂编程的小白进行AI编程的话就选择默认的Craft模式。这个模式是一种解放双手的编程模式，与我们和Deepseek们对话类似，只要在对话框里提要求，基本不要其他操作，AI编程工具就能输出最终想要的代码。

2.提需求

在对话框里输入具体的代码需求。我的提示词是这样的：

写一个微信小程序，用于计算提前还贷款能省多少钱利息的工具。要求：布局简约，现代化的渐变背景设计，卡片式布局和响应式设计。

可以看到，对于简单的小工具而言。你甚至是不需要和AI说具体的功能细节。例如，“提前还贷有哪两种类型”、“如何计算出还贷计划表”、“提前还贷后利息如何计算”。AI就像员工，可以自己分解需求，把粗糙的需求分解成更细节化的功能点。

我建议尽量不自己定义细节功能，先让AI自己设计规划，往往会发现AI想的可能比我们还周到。

3.调试

很快，CodeBuddy就输出了一堆代码。最后还罗列出了具体的代码结构、小程序包含的功能点，以及后续的使用步骤。作为非科班编程者，只需关注效果实现了没。如果没有，在对话框里和它进行反馈；如果功能点完全符合要求，就可以进行下一步。

如何看效果？不像网页开发可以直接将代码保存为.html文件后用浏览器打开预览。微信小程序的代码需要在"微信开发者工具"中预览。

双击"微信开发者工具"软件，点击“导入”。

在“目录”下选择你第一步所选择的文件夹。AppID默认会显示出和你登入的微信号相关联的ID号，直接选择即可。我们的小程序非常简单，用不到微信云开发，直接选择“不使用云服务”。

点击“”创建“后，微信开发者工具就会加载该文件夹下的代码。稍等一会，左边的界面上就会预览出小程序的具体样式了。此时还能用鼠标在小程序界面上进行模拟操作，体验实际的功能。

本例中，我让AI对输入框内的部分参数和样式做了部分调整。AI完成代码的修改后，重新回到微信开发者工具界面，点击“编译”按钮，修改后的小程序界面就会更新在软件的左侧。

4.上传

当代码调试符合预期后，可以将代码上传至微信小程序的管理界面。只需点击“微信开发者工具”右上角的“上传”按钮即可。

根据实际情况填写版本号。首次上传就默认值即可。我这里是之前已经提交过一次 ，所以本次提交算是修订补丁。

5.体验版本

登入微信小程序后台：https://mp.weixin.qq.com/

打开“版本管理”可以看到，刚才从“微信开发者工具”上传的代码已经出现在了开发版本这一栏。点击左下角的“体验版“会出现一个二维码，微信扫码即可体验小程序在手机上的真实体验。

6.发布

在体验版本使用体验都合乎预期的情况下，就可以点击”开发版本“一栏里的“提交审核”，进行最终的发布了。

当然，提交后需要等待微信官方对代码的审核。官方审核结束后，即可将自己的小程序分享给他人进行体验了。

前一天还不知道什么是小程序开发的我，就这么把计算提前还贷能省多少利息的微信小程序给上线了。你可以扫码一下二维码或者微信搜索小程序“我想提前还”进行体验。

如有体验不好的地方请包涵，因为**这完全是一个外行人的作品。

关注我（V:坏雷达研究所），持续分享用AI编程做出来的小工具。