多次尝试用 CodeBuddy 做小程序,最终我放弃了

前言

写在前面:今天是被 CodeBuddy 打击的一天,即使推迟到现在发布文章,也没能达成预期。但仍希望把过程分享给大家,供有兴趣的朋友参考、避坑。

最近我一直在使用腾讯 CodeBuddy 进行 AI 编程,今天打算用它开发个微信小程序试试。

CodeBuddy 过往文章:

放弃 Cursor 后,我又试了 CodeBuddy,感觉国产又行了 - 掘金

CodeBuddy CLI 实测:比 Claude Code 稚嫩,但我感觉值得期待 - 掘金

项目背景

你是否有这样的经历:大扫除的时候才发现未开封的洗发水,但已经过期,周末闲下来才看到牛奶,可它已经臭了?

忙碌的生活让我们经常忘记琐碎的东西,有没有什么方法可以提醒我们避免呢?

今天,我们就借助 CodeBuddy 实现一个家庭物品跟踪管理的小程序,帮助我们解决这类问题。

实操记录

前期准备

第一个,建立项目及 Git 仓库,给代码提供最终的保障。

第二个,通过 AI 对话简单分析一下应用的需求,方便下面整理初版生成的提示词。

需求重点如下:

  • 物品查看、搜索、分类筛选
  • 物品管理,可通过 AI 拍照辅助录入物品
  • 可以自定义分类

初版生成

本文计划的技术栈:原生微信小程序+TDesign组件库。

后端打算采用腾讯的云开发服务 CloudBase,但今天尝试过程中,遇到问题有点多,时间不太够了,调整为先完成前端部分,后续再进行后端开发。

指令

diff 复制代码
我要实现一个家庭小物件管理的应用,应用名称:小物记。

业务:
主要管理每个物件的名称、数量、生产日期、保质期、到期日(自动计算出)、存放位置。
分类包括食物、日清等,可自主进行配置。

界面:
- 首页展示物件列表,顶部展示分类,下面是物件列表,底部居中有拍照图标,点击后可拍照识别物品信息,并自动提取到一个表单进行确认添加,确认表单界面所有项都可修改。
- 列表项(即单个物件)左滑弹窗提示使用,弹窗中可设置使用数量,确认后,使用数量减少。
- 分类最右侧,有维护图标,点击后跳转分类维护页面,可新增、删除分类。
- 点击物件打开物件详情页面,上方式物件基本信息,下方是是物件消耗记录。

技术
- 前端使用原生微信小程序+tdesign实现
- 图标使用tdesign图标,图片采用upsplash api
- 后端直接使用腾讯cloudbase实现
- 物品信息识别采用 gitee ai,api参考:https://ai.gitee.com/docs/openapi/v1#tag/%E6%96%87%E6%9C%AC%E7%94%9F%E6%88%90/post/chat/completions

过程

指令发送后,很快就能看到分析结果。

分析、技术、设计、计划都挺准确的,接下来就是按计划逐步生成代码。

CodeBuddy 不会一口气生成完代码,而是每一个阶段结束后,让你选择先进行哪一部分。

不断选择,直到前端全部完成。

结果

打开"微信开发者工具"导入项目后即可看到前端效果。

但这个界面效果,真的有点简陋。

难道是我的提示词不符合 CodeBuddy 的心意?

大家略微扫一下就行了。

需要调整的地方太多,我感觉没有优化的必要了。

踩坑整理

上面看到的是尝试几次后首次生成成功的结果,在此之前还有几次不成功的,这里整理下内容给大家以作参考。

1、CodeBuddy 计划模式下,如果分析完,会在.codebuddy下生成一个analysis-summary.json文件,如果不删除,不论如何撤销指令,都会接着前面的分析结果执行。

2、最初想用 uniapp 的,但 CodeBuddyuniapp 的支持实在不好,生成了两遍,每次都会出现语法错误,最后放弃了。

3、CodeBuddy 不结合 Figma 的审美是在是有点初级,建议大家做界面的话还是参考原型或者设计图为主,不要让它自行发挥了。

结语

前两天测试基础模块开发,感觉 CodeBuddy 还是不错的,但今天这样一个完整的小应用走下来,我感觉 CodeBuddy 的能力还有待提高啊,尤其是它的审美。

累了,今天就先这样吧。

之后我会尝试更换其他 AI 编程工具完成同样的需求,看看质量对比如何,敬请关注!

相关推荐
久违 °3 小时前
【AI-Agent】TagMatrix 数据标注工具开发
人工智能·数据分析·go·agent·数据隐私
AI360labs_atyun3 小时前
腾讯推出电子牛马Marvis,好用吗?
人工智能·科技·ai
Dfreedom.3 小时前
Windows、虚拟机、开发板组网通信原理及调试通联步骤
人工智能·windows·部署·边缘计算·开发板·模型加速
3DVisionary3 小时前
蓝光三维扫描:医疗制造的精度焦虑怎么解
人工智能·算法·制造·蓝光三维扫描·医疗制造·三维检测·义齿检测
Are_You_Okkk_3 小时前
基于MonkeyCode解析AI研发新模式,根治开发低效痛点
大数据·人工智能·开源·ai编程
好评笔记3 小时前
机器学习面试八股——常用损失函数
人工智能·深度学习·算法·机器学习·校招
weixin_468466853 小时前
全局与局部注意力机制新手实战指南
人工智能·python·深度学习·算法·自然语言处理·transformer·注意力机制
weixin_468466853 小时前
工业相机成像原理新手入门指南
人工智能·自动化·机器视觉·工业相机·光学·光学系统·成像原理
回眸&啤酒鸭3 小时前
【回眸】CSDN新增功能测评——AI数字营销之内容创作
人工智能
小糖学代码4 小时前
LLM系列:环境搭建:5.Python-dotenv 环境变量管理
人工智能·python·深度学习·神经网络