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后续更好的表现,助力更多产品

相关推荐
飞哥数智坊11 小时前
今年我试了十几款 AI 编程工具,最终只留下这 3 个
ai编程·cursor·trae
用户40993225021218 小时前
Vue3数组语法如何高效处理动态类名的复杂组合与条件判断?
前端·ai编程·trae
围巾哥萧尘1 天前
🚀TRAE SOLO 实战赛 | 智启Coding 码力全开 | 让AI为你打造漫画爆款剧本 | @围巾哥萧尘 🧣
trae
豆包MarsCode1 天前
TRAE CN 实战:从 API 文档到可复用服务的自动化探索
trae
程序员爱钓鱼1 天前
Node.js 编程实战:WebSocket实时通信详解
后端·node.js·trae
程序员爱钓鱼1 天前
Node.js 编程实战:Cookie与Session深度解析
后端·node.js·trae
Mintopia2 天前
⚙️ WebAssembly在AIGC推理中的优化细节
人工智能·llm·trae
用户4099322502122 天前
Vue的Class绑定对象语法如何让动态类名切换变得直观高效?
前端·ai编程·trae
程序员爱钓鱼2 天前
Mac必备技巧:使用 tree命令快速查看目录结构
后端·go·trae
程序员爱钓鱼2 天前
Node.js 编程实战:路由处理原理与实践
后端·node.js·trae