用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~~~!

相关推荐
早點睡3904 分钟前
高级进阶 ReactNative for Harmony项目鸿蒙化三方库集成实战:react-native-image-picker(打开手机相册)
react native·react.js·harmonyos
早點睡3905 分钟前
基础入门 React Native 鸿蒙跨平台开发:react-native-easy-toast三方库适配
react native·react.js·harmonyos
子兮曰6 分钟前
深入Vue 3响应式系统:为什么嵌套对象修改后界面不更新?
前端·javascript·vue.js
CHU7290359 分钟前
直播商城APP前端功能全景解析:打造沉浸式互动购物新体验
java·前端·小程序
枫叶丹410 分钟前
【Qt开发】Qt界面优化(一)-> Qt样式表(QSS) 背景介绍
开发语言·前端·qt·系统架构
子兮曰7 小时前
OpenClaw入门:从零开始搭建你的私有化AI助手
前端·架构·github
修己xj7 小时前
山野的风,城市的窗:一位拾粪爷爷与我的时代之问
程序员
吴仰晖7 小时前
使用github copliot chat的源码学习之Chromium Compositor
前端
沈二到不行7 小时前
【22-26】蜉蝣一日、入樊笼尔
程序员·ai编程·全栈
1024小神7 小时前
github发布pages的几种状态记录
前端