用trae整了个记账APP(带AI功能)

为什么开发这个APP

在今年被老板N+1请走后,已经有差不多半年没工作了,离职期间就是玩、做外包,最近突然想用rn做一个小玩意出来,这不,在去新疆游玩的时候,我记账都是用笔记本记录的,回来后找了一下市面上的记账APP,不是要收费的就是看广告的,虽然也有开源项目的,但是感觉用起来不是很爽,于是就打算自己写一个,正好trae的solo也出了,就决定用trae制作这个app。

这是项目地址: Lyb-shoujibuyaofangkoudai/smallCount: 用于记账的APP

欢迎大佬点评,欢迎star!!

AI真的极大降低了项目开发的难度和成本

以前我并没有怎么使用过rn来开发APP,因为配环境麻烦,不过现在时间多了,够我折腾。

在我从创建一个项目到可以使用as运行项目并打包,花了我两天时间,期间出现各种莫名其妙的问题,总结下来就是几乎都是版本问题,解决这些问题,我几乎都是用AI为我分析,实在分析解决不了的,我就谷歌一下,最后都解决了,AI真好用!

项目简单介绍

项目采用expo+expo+sqlite+drizzle-orm+zustand+async-storage完成

特色功能:除了记账APP的一些基本功能外,还有一个AI助手功能 ,AI功能的开发使用了仿照openAI和langgraph实现的一个库来完成,这样子就不需要为RN项目补充过多的其他库,且会有很大的兼容性问题,自己实现的话就不需要考虑这么多,只需要猛猛干!在项目中AI实现方式的一些介绍

开发项目中的一些AI使用

  1. 自己定义一个自己想要的目录结构,然后丢给AI,让AI给我整好目录。
  2. 自己写好一些简单功能,功能有一个完整的流程,后续开发的一些功能(功能庞大的话需要拆分成几个小任务,不然AI是笨蛋)丢给AI,让AI整。
  3. 规定好一些页面开发规范,如:需要使用XXX文件中的XXX来完成页面的主题变化内容,最好最好有一个使用HTML完成的UI,将相关的UI和页面开发规范丢给AI,让AI整出来。
  4. 一些新工具或页面或功能模块做完之后,让AI找一下里面存在什么问题,让他们一一列举出来,然后自己评估一下看看是否需要修改。
  5. 简单的功能完全可以丢给AI让AI自己琢磨,可能整出来的比自己想象中的还要好!

总结:描述好要怎么做之后。剩下就是丢给AI,让AI当自己的🐮🐴!

AI

在开发过程中,我认为使用AI最好的方式就是:做好完整的描述、大功能拆分成几个小步骤,一个一个完成(手动让AI去完成每一个小步骤,而不是让AI自己拆分出来自己按照步骤列表完成)

总结

这个项目如果满打满算开发时间,我大概只花了半个月不到(一天认真开发的时长大概几个小时,偶尔有几天会写十多个小时,因为有些bug改上头了)。

我以前是没用过RN的,有挺多概念其实都不知道,但是在用AI开发的体验过程中,AI真的给我解决了超级多的困惑,甚至以前一些碰到的问题(没有解决的,类似的问题)都给我解开了,让我豁然开朗!

只能说现在AI真的🐂🍺,如果你问我开发的过程中真的全程使用了trae吗?我的回答是90%好吧,哈哈哈,因为有些问题trae一直在"死循环"。

AI开发工具现在真的能给我们程序员开发带来极大的便捷,不论是学习还是实际上的开发,如果项目不是涉密项目,可以说完全可以大胆的使用AI工具来提升开发效率了,前端开发的技术一直在猛猛更新,这工具都可以说是前端开发的新工具都不为过了!

大家都说前端已亖,真的亖了嘛?我觉得亖了一半,以后势必会淘汰一大批初级中级开发(不论是哪方面的开发,其实已经不单单是程序员了,其他很多岗位也是),剩下的开发,我敢说势必或多或少都会使用AI,AI真的需要我们去主动拥抱了。

最后最后:再介绍一下俺的项目

这是项目地址: Lyb-shoujibuyaofangkoudai/smallCount: 用于记账的APP

欢迎各位佬们star~~~!

相关推荐
人工智能训练4 小时前
【极速部署】Ubuntu24.04+CUDA13.0 玩转 VLLM 0.15.0:预编译 Wheel 包 GPU 版安装全攻略
运维·前端·人工智能·python·ai编程·cuda·vllm
会跑的葫芦怪5 小时前
若依Vue 项目多子路径配置
前端·javascript·vue.js
2601_949593655 小时前
基础入门 React Native 鸿蒙跨平台开发:模拟智能音响
react native·react.js·harmonyos
xiaoqi9225 小时前
React Native鸿蒙跨平台如何进行狗狗领养中心,实现基于唯一标识的事件透传方式是移动端列表开发的通用规范
javascript·react native·react.js·ecmascript·harmonyos
jin1233226 小时前
React Native鸿蒙跨平台剧本杀组队消息与快捷入口组件,包含消息列表展示、快捷入口管理、快捷操作触发和消息详情预览四大核心功能
javascript·react native·react.js·ecmascript·harmonyos
烬头88217 小时前
React Native鸿蒙跨平台实现二维码联系人APP(QRCodeContactApp)
javascript·react native·react.js·ecmascript·harmonyos
pas1367 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠8 小时前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
珑墨8 小时前
【Turbo】使用介绍
前端
军军君019 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three