概述
公众号原文: https://mp.weixin.qq.com/s/W7DBJwi-IYwdCiwXKIHsGA
(咋回事,markdown 失效了)
我让我的 AI 员工开发了一个微信小程序,并且我将它上线了,欢迎围观 👇
让我来介绍下这个小程序!小程序名以我女儿命名,叫乐柠壁纸,但可惜乐柠两个字涉及商标问题,所以改了个名字叫努小柠壁纸馆。
它完全由 AI 员工开发的, 客户端的所有代码都是 AI 写的, 服务器后端是我自己写的,但我也已经让 AI 员工负责一些外围服务器代码了,例如完善一下 API 请求参数的校验以及编写测试案例。
使用到的 AI 编辑器员工有:通义灵码(vscode),Cline(vscode),Trae。
用到的 AI 大模型员工有:DeepSeek-V3,Claude3.7,qwen2.5-max(beta),qwq-plus(简单体验了一下)。
小程序整体的逻辑不算复杂,但麻雀虽小五脏俱全,包括了图片展示,图片预览,图片下载,登录,界面跳转,用户信息展示等内容。
总的来说 AI 员工们已经可以开发一些简单的微信小程序了,虽然还有很多不完善的地方,但已经可以完成简单的内容并且推出一个 MVP 产品。
过程
接下来是我与我的 AI 员工们开发这个微信小程序的过程。
技术选型
在项目正式开始之前面临的第一个问题是技术选型,主要有三个选择:
- 微信小程序原生开发
- uniapp
- Taro
首先排除的是原生开发,因为我不太想有一个只能在微信上运行的小程序项目,即使暂时没有跨平台的需求,但考虑到未来可能会有跨平台的需求,因此选择了在框架之上进行开发。
而 uniapp 和 Taro 之间的选择主要是 vue 和 React 之间的抉择了,我个人更倾向于写 React,但考虑到 uniapp 社区更活跃,因此选择了 uniapp,也就是说如果 Taro 社区活跃起来我肯定会选择 Taro!
初始化项目
技术选型好后就是项目初始化了, 首先通过 https://github.com/dcloudio/uni-preset-vue.git 的 vite-ts 分支初始化项目,修改名字,删除无关的安卓权限之类的, 紧接着开始设计一个初版的 UI。
在立项的时候刚好是 Cursor+Claude 设计专业原型图火热的时候,到处都是在说用 Cursor 设计了多好看多专业的 UI,但我的做法比较简单,直接找一个界面好看的小程序截图,然后将截图发给 Trae(Claude3.7 大模型),让他帮我编写对应的代码完成界面。
至此我的微信小程序雏形就出来了。
不断鞭策 AI 员工们干活
后续就是不断鞭策 AI 员工们干活,出现 BUG 时耐心鼓励 AI 员工不要放弃,继续 fix bugs,直到小程序的 MVP 完成。
问题
在小程序的整个开发过程中并不是一帆风顺的,下面是遇到的一些问题:
- Cursor/Trae 会将代码改乱,例如缺失了某个结尾的元素 导致整个小程序无法运行,Cursor 我没有使用,但我向使用 Cursor 的朋友确认过,他们也遇到了类似的问题。
- 大模型会生成一些重复代码,例如有多个 onMounted 方法,因此导致逻辑执行了多次。
- Trae 在代码生成和代码应用的时候会发起网络请求并且非常的慢,导致整个开发过程非常的缓慢。
- Trae 应用代码的时候报错了,提示文件太大(单文件代码行数 800 行左右),导致无法继续下去。
- 等待 Trae 生成代码一段时间后,Trae 告诉我模型响应失败,请稍后重试。
- Claude3.7 在我使用过的多个大模型当中是写代码最强的大模型,能够很准确的理解我的意思并且给出解决方案,但由于我没有付费 Cursor 并且因为 Trae 本身有一些问题因此导致我没有更多的体验 Claude3.7 的强大之处。但无论如何,感谢 Trae 免费提供 Claude3.7 大模型的使用.
- 通义灵码 qwq-plus 在一次对话中生成的代码出现了 BUG,在应用 diff 代码过程中将不需要修改代码的占位符直接应用了,请看后面截图了解杰作。
- Cline 消耗 Token 非常快,几个小时我就花光了阿里云免费提供的 100 万 Token,因此在这个小程序的后续开发过程我放弃了 Cline。但 Token 消耗太快可能是因为我没有做任何 Token 使用优化,而且也可能和我使用习惯有关。我在使用时开了多个项目,并且打开了多个 vscode 窗口,后续可以看看如何更好的使用 Cline。
整个过程是需要不断和 AI 进行对话,遇到问题则解决问题,并不是说"给 AI 一句话就能够生成一个可以直接上线可运行的小程序",也许在未来可以,但至少现在还不行。
这里简单放两个图:
通义灵码 qwq-plus 错误将占位符当成正常的代码变更:
Trae 提示模型响应失败:
最后
在可预见的未来,一些简单的产品已经可以让 AI 来开发了,虽然很多地方不完善,但做一个 MVP 来快速验证想法是完全可行的。但需要警惕现在各种 xx 分钟内开发出一个 yy 产品之类的营销文章,也许 AI 真的能够在 xx 分钟能做出一个好看的界面,但是否真正有一些数据交互逻辑,能够达到生产级应用的水平,还需要进一步的验证。
最后的最后
我还使用这个小程序为我的网站实现了 微信扫一扫登录
的功能,如果你正在为你的网站添加 微信扫一扫登录
的功能可以来对接我这个小程序进行登录你的网站。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于