AI,让我们从最简单的to-do-list开始

产品构思

工作中经常会需要用到代办事项,但好用的to-do-list工具大多是要收费的。第一次使用trae,让我们试试能不能自己做一个to-do-list.

产品名称:to-do-list

产品功能:

代办事项记录、删除

开发环节

1.创建项目

1745476496408

我们点击运行,来创建项目

不多一会儿,我们就能看到项目已经创建

1745476615634

但命令行却卡在了npm install中,并且Builder也一直显示运行中

1745476688456

问题不大,我们停止下当前命令,再发送一次命令

1745476847588

这次命令成功集成了tauri,不过又卡在了命令运行中,可见trae对于运行命令行功能还有些欠缺

我们手动执行下npm install

1745477150312

2.启动项目

接下来我们先把项目启动,初始的package.json文件中并没有tauri的启动命令,我们让trae新加一下

1745477346047

1745477371357

很快,trae做的很棒,我们只需要采纳一下

我们用npm run tauri:dev启动下项目

但命令行报错找不到tauri

1745477540419

来问一下trae

1745477590314

加上依赖并npm install一下

1745477686242

然后我再运行一下npm run tauri:dev,可以看到tauri开始编译了

1745478104208

过了一会儿,我们就看到熟悉的画面了,说明我们的项目启动成功了!

1745478140700

3.to-do-list页面制作

我们可以看到trae在创建项目时并没有生成to-do-list页面,我们来让它再生成一下

1745478320184

接受全部修改后,我们打开tauri界面,可以看到页面已经变成了这个样子

1745478395976

简单试用一下,虽然功能正常了,但样式不是我们想要的

1745478524166

接下来我们来给trae派个大活

1745478829829

trae也是马上就开工了

1745478860286

这次的效果我很满意

1745479098528

虽然还是有些欠缺,但好的产品就是要不断的打磨

1745479179029

接下来我又对这个产品提了多个需求…

1745479883006

1745480678454

4.最终成果

1745481235171

不能说特别棒吧,只能说我很满意

结语

1.现阶段AI还是只能做一些辅助工作,但有了AI,执行力更强了,产能也变高了

2.虽然AI可以代替一部分工作,但我觉的创新、思维是AI永远也无法代替的

3.期待Trae后续更好的表现,助力更多产品