接下来我将跟大家分享一下我 呼吸卡片 小程序从零开始开发、上线，直至后续版本迭代和关键bug修复的完整旅程。这个项目不仅是技术上的实践，更是对AI辅助编程工具能力的一次深度探索和反思。
第一阶段：初期设置与开发（从0到1）
-
项目启动与体系打通： 我的呼吸卡片旅程始于2025年3月7日，结束于凌晨，我成功将小程序的整个体系，包括注册、认证、备案和发布，全部打通并使其在微信体系中上架。在3月8日凌晨，我已经将整个体系初步跑通。到了3月17日，小程序已实现版本备案和展示，并可以被检索到。
-
开发准备与工具选择： 首先，我需要在小程序网站上完成注册，这包括填写基本信息、选择类目、完成备案以及个人认证（个人认证需支付30元）。在开发过程中，我主要使用了微信小程序开发者工具进行构建和发布。此外，我采用了TRAE（Claud 3.7模型）来完成小程序的开发。为了修改原型图，我尝试使用了HTML to Design插件，通过GitHub上的HTML链接导入进行修改。然而，原型图的修改本身就是一个难点。
-
产品定位与初期功能规划： “呼吸卡片”此前已有一个网页版（breathecards.com），主要用于小红书3:4比例图片的下载和预览。小程序版本最初计划支持三种模式（如分页和横线），但由于技术问题，最终我们决定先专注于长图文模式。
-
初期遇到的挑战：
- Markdown格式未能实现，这是持续困扰我的一个核心问题，导致预览解析结果未能正确应用。
- 保存的图片样式与预览样式不一致。
- 在开发过程中，有时会遇到排队情况，这降低了效率。
- 我还发现，有时是修改和更改的是两个不同的文件导致了不一致。
第二阶段：关键Bug修复与版本迭代（从1到N）
-
版本发布与迭代进展：
- 在2025年3月14日，我们完成了呼吸卡片小程序1.00版本，并跑通了整个逻辑，但当时因仍需完善而未立即提交审核。
- 2025年3月18日，1.03版本成功上传并通过审核并发布上线。1.13版本也已在线发布。
- 在1.2版本中，我们修订了图片不能保存和相应样式的问题。
- 最新的突破发生在2025年3月21日，我们成功修复了小程序的三项主要功能，并提交了2.0.0版本进行审核。
-
关键Bug修复突破 (2025年3月21日) ： 我很高兴地宣布，困扰我们许久的三个核心问题已得到解决：
- Markdown格式：之前一直未能实现的Markdown格式预览现已完成。
- 轮播/滚动样式：实现了上下滚动的轮播图。我们解决了滚动条没有完全覆盖显示、多种样式无法完整展示的问题，并根据参考图例调整了样式，移除了不必要的空间和滑块。
- 下载功能：图片下载问题已解决，现在可以点击保存并保存到桌面。
-
AI编程工具的应用与深刻反思： 在修复bug的过程中，我尝试了多种AI编程工具。 我发现，尽管这些AI工具能够快速响应和编辑代码、实现原型和展示想法，起到“如虎添翼”的效果，但它们在解决复杂bug方面能力较低。我甚至遇到了**“bug越修越多”的现象**，有时不得不撤销AI工具的修改。
-
我深刻体会到，程序员自身的经验、对代码的熟悉度以及解决问题的能力至关重要。AI工具虽然强大，但仍不能完全替代人类编程能力。做出优秀的产品需要10年、20年甚至30年的长期积累，而非短时间即可完成。
第三阶段：部署与持续优化
-
小程序上线部署流程： 小程序的发布过程分为本地开发、线上审核和线上发布三个逻辑步骤。代码上传后，需要提交审核，并提供图文（两张截图）进行展示和预览。
-
当前状态与未来计划： 目前已上线的2.0.0版本，仍不是我最终满意的状态。
- 主要的优化方向是样式，包括将文字做成不同的样式。
- 我计划增加更多不一样的样式，并实现样式的左右滑动选择。
- 最终目标是实现Markdown格式的长图文展示以及分页和短横线预览功能。
-
对小程序开发的整体总结： 我个人认为，整个小程序从注册到开发再到上线的流程，其难度系数并不是很大。真正的难点在于能否开发出一个更有价值的小程序。
-
这个过程让我明白，快速构建原型和展示想法是AI的优势，但要打磨出成熟、高质量的产品，依然离不开开发者对代码的深刻理解和解决复杂问题的能力。
最后，我诚挚邀请大家尝试已上线的呼吸卡片2.0.0版本小程序，也期待未来能与大家分享更多迭代成果。
