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

我正在参加Trae「超级体验官」创意实践征文,本文所使用的 Trae 免费下载链接:www.trae.com.cn/?utm_source...

产品构思

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

产品名称:to-do-list

产品功能:

代办事项记录、删除

开发环节

1.创建项目

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

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

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

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

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

我们手动执行下npm install

2.启动项目

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

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

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

但命令行报错找不到tauri

来问一下trae

加上依赖并npm install一下

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

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

3.to-do-list页面制作

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

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

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

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

trae也是马上就开工了

这次的效果我很满意

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

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

4.最终成果

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

结语

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

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

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

相关推荐
十盒半价2 天前
前端性能优化避坑指南:从回流重绘到页面渲染全解析
前端·css·trae
Pitayafruit3 天前
AI帮我写代码,谁来帮我看代码?
trae
楽码3 天前
终于说清楚!希腊字符如何进入数学或科学场景
openai·编程语言·trae
十盒半价3 天前
闭包:JS 里的 “背包客”,背走了变量的秘密
前端·javascript·trae
极客密码13 天前
Cursor再见!简单两步,Augment真无限续杯,爽用Claude 4!
ai编程·cursor·trae
田威AI13 天前
Trae知识库实战教程:智能体提示词+完整设置方法分享,打造你的专属AI助手
ai编程·trae
curdcv_po13 天前
前端开发,一句话自动3d建模
trae
小磊哥er13 天前
【前端AI实践】Trae:一款可以让你从0到1快速开发完整项目的IDE
前端·ai编程·trae
cpp加油站13 天前
Trae+雪球MCP,化身专业的股票分析师(玩转100个MCP系列第二弹)
ai编程·mcp·trae
coder_pig14 天前
🙋‍♂️挑战用1天,让AI从0到1搭建纯前端 "塔防游戏"
aigc·mcp·trae