使用trae从0到1完成一个网页应用开发体验

413 阅读3分钟

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

体验感受

  1. 对不会编程的小白不友好,还做不到丝滑解决问题;
  2. 对于程序员来说是效率神器,值得一试;
  3. 目前对于简单项目来说从0到1是没有问题的,可以全流程解决;
  4. 不支持联网,知识库只到2024年;可以考虑优化

安装

  1. 从官网下载对应版本安装包,我本地是windows10的环境,这里下周windows版本

  1. 然后双击安装包,结果提示当前电脑不支持(图忘记截了),去网上搜索及官网找文档,发现可能是缺少工具集 powershell 参考:docs.trae.ai/docs/builde…
  2. 于是去官网下powershell7工具 官网地址:learn.microsoft.com/en-us/power…

看到了这个推荐安装,于是乎直接按照这个操作(掉坑里了,后面会说) 4. 安装完powershell7工具后,双及trae 这时候能正常安装了

  1. 开始尝试开发应用。 然后就各种异常弹窗,提示有问题(没截图)
  2. 解决异常 然后参考官方提供的配置,在这里找不到powershell7(忽略图片上有,这个是解决后的截图,有显示) 还记得在第3步的时候安装的powershell7吗,按照推荐方式安装的路径和trae官网提到的是不一样的,得用方式二安装

重新安装后就能显示在配置上了,选择后就能正常开发了。

使用

  1. 整理需求(可以使用deepseek帮忙) 需求:
我想做一个网页应用,番茄时钟,具备功能:
1. 任务的添加、修改、删除;
2.任务展示分四象限(紧急重要、不紧急重要,不紧急不重要,紧急不重要);
3. 对每个任务可以启用番茄时钟计时,启用计时后显示倒计时,且显示按钮开始、暂停、结束、完成;
4. 每个任务可以使用多个番茄时钟,最终完成任务后保存使用的番茄时钟数;
5. 所有数据保存在浏览器上无需后台保存。

2. 使用builder功能

  1. 反复调试,看效果 这里面遇到过如下问题:

1)几次对话提示服务不可用

2)代码没删干净,代码底部无限重复(最终手动解决)

3)问题死循环,靠人工排查解决;

4)知识库是旧的,让写的readme.md文档里面给的是2024年的变更日期;

5)github发布流程一直调不好(AI会出现死循环解决不了),最后是自己去看github示例解决的。

  1. 使用AI总结,并发布到github;

项目链接:github.com/oyjq0000/Ti…

总结

整体而言已经达到可用状态,但对于不会编程的小白来说使用上存在比较多的障碍。对于程序员群体上手还是比较简单的,可以显著提高效率,如果加上自动联网功能效果也许会更好。