2024年12月27日,无意间从某音刷到一个视频,一位博主介绍如何用Cursor+Devbox开发一个ToDoList项目,全程几乎全靠文字输出,项目真的就跑起来了,我顿时来了兴致,因为我一直想开发一款应用,用于管理我日常生活和工作中需要保存的各类账号密码,于是,抱着试一试的心态,开始了我的AI开发初体验之旅。
我给我要开发的这款应用取名ipass,也没什么特别的寓意,因为之前在上一家公司的时候我就拉上同事一起开发了一款叫Mypass的小程序,后端是用的python,后来离职之后,代码也属于公司的,公司也没有继续部署这个应用,所以就没法用了。
不知道大家有没有跟我一样的痛点,账号太多,一不小心就忘,要么建个txt文件保存到本地,要么保存在邮箱的记事本或者WX的笔记,但始终用着不爽。于是,大着胆子,用AI重写一个。
首先我选择的技术栈是node.js+vue,后端就用node.js写,前端web用的vue,数据库用的MySQL,在Devbox中创建前端和后端项目,直接通过Devbox打开远程项目包。
接着,我参考那位博主的思路,整理了一下后端需求,一次性丢给Cursor,让它自己开始写代码,中间它会不断问我接下来开发哪些功能,我也懒得限制它,直接丢个“继续”,它还真就自己开始往下写,当然,全程我会关注它的开发思路和开发进度,感觉基本功能差不多之后,我就没让它往下开发了。
这时候我开始尝试运行,按照Cursor的提示,也安装了一些扩展,说实话,我几乎没太注意到底安装了哪些扩展,想着反正是尝试,提示我安装的,那我就安装呗。第一次运行的时候,代码还是报错了,我也没慌,报错信息全盘复制,丢给Cursor,运行时报错了,它会耐心的检查代码,并进行修改,还会详细的说明错在哪里,需要怎么改。当然,我几乎不用自己改,都是它自己在哪里弄,一次次尝试,最终居然真的运行起来了。
接下来该干嘛呢,那当然是测试接口咯,于是我告诉他:“请提供项目各接口的测试用例”,它任劳任怨的给我把测试用例写好了,我导入到postman测试,登录、注册、新增、删除、更新、查询等等接口按个测试,中间哪个接口测试用问题,返回结果直接丢给它,它都能改好。最终所有接口测试正常,那基本上宣告后端基础功能开发告一段落了。
此时我迫不及待的想看效果了,于是在Devbox里面使用Cursor打开了前端的远程项目包,整理好前端需求,啪一下又丢给了Cursor,然后就是各种继续、继续、继续。页面差不多写完之后,把开发后端时Cursor生成的接口测试用例再丢给前端Cursor,一顿操作猛如虎,接口给我对接完了。
终于终于,一切准备工作完成,接下来就是享受成果的时候了,可没想到,还是一大堆报错,当时我都开始怀疑了,AI怎么可能那么完美的完成前后端开发还对接好接口,大概率就此结束吧。抱着反正都试了,那就再坚持坚持吧,一遍遍运行,一遍遍报错,一遍遍复制报错信息丢给Cursor,一遍遍给我修改,然后我再一遍遍运行。总算功夫不负有心人,你们猜怎么着,前端跑起来了,当登录页面赫然显示出来的时候,那一刻的喜悦感真的太爽了。
紧接着开始测试各个功能,期间仍然有功能不通的情况,我都耐心的把问题告诉Cursor,直到,这个我基本上没敲什么代码(中间需要自己改一些配置参数)的网站基本成型了。
借助Sealos的一键部署镜像,目前,该项目已经可以共同公网访问了,我把前端网址放在下方,大家感兴趣的轻点访问哈,流量花钱我肝疼,网站可以注册,但我估计会时不时清空数据库,大家体验下就行,别真用。
我的iPass网页版
现在我前端更新了4个版本,后端更新了3个版本,只要有时间,我就继续完善,我会在这个合集下发布我的一些体验感受和开发进展。感兴趣的小伙伴,可以关注我,多个朋友一起玩也挺好。
纯分享,不存在营销,审核大佬请手下留情!