2026年9月4日星期五

用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验

本文分享了作者利用ChatGPT Pro在夜间自动开发两款微信小程序的全过程,涵盖复利计算器与Markdown文件编辑器。通过真实案例展示AI编程能力,适合对AI辅助开发感兴趣的开发者阅读,包含具体操作方法和避坑提醒。

Tags:

一天晚上睡前,我心血来潮,随意和ChatGPT几次对话。结果,它自己干了99分钟。第二天我睡醒时,一个小程序的第一版已经出现在我眼前。

是的!它就是后来成为我人生第一个正式上线的小程序——MD快改

我并不是第一次使用ChatGPT对话来写代码。早在2023年初,我就开始用GPT-3.5编写Chrome插件,后来又陆续上线了20多个插件。但现在,我基本都使用Codex或Claude Code来做编程。

真正让我想换一种方式的,是亦仁在一次直播中提到,他有时会在睡前给Pro安排一个任务,第二天起来直接看结果。这也让我想起去年使用Manus时,把任务交给Agent,让它自行工作很长时间再交付结果的体验。

我于是想试试:能不能不等自己把所有需求都想清楚,而是直接把一个模糊想法交给Pro,让它同时完成产品梳理和第一版开发?

于是,我先从一个功能较为简单的小程序开始。

前段时间听书听了硅谷居士的《财富捷径》,里面反复提到一个词:复利。

以前我也知道复利很重要。但说实话,我只是知道,并没有真正算明白。于是,我想到试试让Pro做一个计算复利的小程序,顺便测测Pro的编程能力。

用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验

我于是在一天睡前草拟了一个提示词,发送时忘记上传参考图片,结果Pro花了将近45分钟,只需一个对话来回,就编写好了这个小程序的第一个版本。而这个这版本就是我最终上线的版本,我甚至不需要使用Codex做进一步打磨和调整,仅仅用VS Code打开程序代码,修改了一下小程序的名称,改名为“小鱼复利计算器”,因为原来的名称“复利定投赢人生”在申请注册时无法通过。

用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验
用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验
用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验
用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验
用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验
用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验
用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验
用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验

虽然这个小程序仅仅是一个简单的复利和贷款计算工具,但Pro帮我实现的版本远超我的预期。我并没有提供这个工具的具体计算逻辑,也没有要求它提供增长路线图和还款明细,更没有让他另外增加理财知识,但是Pro帮我超预期做了。

而且这个小程序使用起来体验极佳,因为这种体验并不是我这个没什么审美品位的人让它做的,而是它自己决定这么做的。如果你有兴趣,欢迎前往体验这个Pro一版开发出来的产品:小鱼复利计算器

接下来,我们来看看上一篇文章《在微信里,能直接打开和编辑Markdown文件了》提到的MD快改小程序,一个Markdown文件编辑器。

一开始,我并没有想好怎样做这个小程序,只是考虑参考一些对标产品,简单做一个可以查看Markdown文件的功能,没有考虑文件编辑器的功能。我于是先和ChatGPT Pro做了一番沟通:

用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验

Pro建议我做一个Markdown编辑器,并且它还给了我一份非常详细的方案。我于是让它把这个方案拟定成一个让AI开发这个小程序的指令:

用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验

接着,我把它拟定的指令重新发给Pro,让它直接开发这个小程序:

用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验

然后,我就去睡觉了。结果它在我睡觉时自行干了99分钟,做出了这个小程序的第一版本。

很可惜,这一次它翻车了!由于我没有强调对小程序页面的要求,因此它最终编写出来的小程序UI挺难看,而且Markdown编辑和预览都显示空白页面。我于是把看到的问题和报错都发给Pro:

用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验

Pro修改后给出了第二个版本的代码,这一个版本已经实现了这个小程序的核心功能,Markdown预览和编辑,并且UI已经很接近我们目前上线的版本,然而仍然有不少细节需要完善,于是我又让Pro完善了一个版本。

准备上线时,我发现编辑器存在一些问题,于是使用Codex做了多轮修复,最终上线了这个小程序:

用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验
用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验
用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验
用ChatGPT Pro开发小程序:复利计算器与Markdown编辑器实战经验

MD快改小程序相比小鱼复利计算器,过程有更多波折,然而Pro给出的MVP版本仍然超出我的预期,欢迎大家试用。

如果你下次也冒出一个想法,不管是小程序、Chrome插件、Python小工具,还是一个网站落地页,哪怕需求还没有想清楚,你不妨在睡前和Pro聊一聊,也许你第二天醒来的时候,你的想法就已经不再是想法了!

没有评论:

发表评论

BrandVerity联盟监控全解析:品牌方如何抓违规流量与佣金归因

本文解析BrandVerity联盟监控的核心逻辑,说明品牌方如何通过付费搜索监控和网页合规检查,抓取联盟客的品牌词竞价、广告劫持、过期优惠等违规行为。适合联盟营销从业者了解合规边界,避免佣金被扣或账号被封。 Tags: BrandVerity 联盟营销 品牌词竞价 ...