⭐️⭐️⭐️ 我正在参加Trae「超级体验官」创意实践征文，本文所使用的 Trae 免费下载链接：www.trae.ai/?utm_source…
前言
今天终于花时间有幸体验了一下trae ide的编辑器。这篇文章将以trae实现一个todo-list应用为例来谈谈我的使用感受。
安装以及登录这些
这个，太多文章讲了，这里省略，总之一句话，懂的都懂。
开始
在这篇文章中，我们将探讨如何使用 Trae 编辑器，借助其 AI 功能来实现一个简单的 Todo-List 项目。Trae 编辑器通过其先进的人工智能技术，极大地提升了编程效率与体验。让我们深入了解这一过程并感受 AI 带来的编程变革。
项目简介
我们要实现的是一个基础的 Todo-List 应用。功能包括：
- 添加任务
- 删除任务
- 标记任务为完成
- 清空任务列表
通过 Trae 编辑器，我们可以快速创建该项目，利用 AI 功能来提高开发效率，我选择的是vite + react + ts,如下图所示。
然后，当ai谈到这些命令，会出现两个选项，全部拒绝和全部接受，直接选择全部接受即可，然后编辑器就会为我们初始化一个vite工程项目，并安装了对应的依赖。如下图所示:
ps: 嗯图中所展示的一些目录，例如:hooks目录是后面问的时候加的，默认不会加。
可以看到，基本生成了vite工程的标准目录，经过漫长的等待之后，ai会提醒我们已经初始化并完成，是否运行，那当然是点击全部接受即可。然后打开浏览器，我们会看到如下图所示的界面:
嗯，默认的实现，跟我想的有那么点点不一样，这个布局看着不舒服，默认是整体居左的，我想要的是整体水平垂直居中，很显然不合适，那我再问一下,让它帮我调整布局。
然而实际效果还是并没有达到居中，如下图所示:
可能是我问的不够好，继续问。
嗯，样式加在id为root的元素上了，并未生效，仍然没有居中，继续。
好吧，还是不行，应该是我的问法有问题，我换个问法，如下图所示:
嗯，还是没有水平居中，经过浏览器控制台审查元素，发现body加了相关样式影响的，样式也是加在index.css中的，因此提问让他去掉body加的样式。如下图所示:
嗯，没有指定文件，它默认改的是app.css文件中的代码，很明显改错了，我想要去掉的是index.css中的代码，继续提问。
嗯，由于改掉了app.css中的代码，还需要让ai帮我恢复app.css中的样式代码，如下图所示:
最后，我们就会得到如下图所示的效果:
终于居中了，真不容易呀。你以为到这里就完了吗？别着急，让我们继续。
打开控制台，发现了2个警告，虽然警告没什么影响，不过我有强迫症，看到这个警告不舒服。如下图所示:
接下来，我得要求ai帮忙把警告处理了，如下图所示:
第一个警告帮我处理了，第二个警告，它说没什么影响，不处理，好吧我接受了，接下来我要看看实现的功能。
测了一下功能，发现删除是直接删除的，正常来讲，我们要加个二次确认提示，好吧继续让ai给我优化一下。
添加是添加了，不过为啥要用modal来实现呢？而且最重要的是，我测了一下modal还无效，那肯定不爽，让它给我换成popconfirm组件。
不过，默认使用的是context来管理数据，我想让它改成会话存储，继续。
测试了一下，舒服，数据存储在了会话当中，刷新也能保留数据，删除也变成了二次确认提示。不过这个布局还有这字体我觉得还需要调整一下，继续问。
最后效果如图所示:
这下看着舒服多了。
生成体验文章
不是还想让我写一篇体验文章吗？那好，我就看看ai写篇体验文章，看看写的咋样。如下图所示:
嗯，这体验文章就算了，离我的预想差远了，另外用的图从我之前的存稿中弄过来，这个有点厉害（手动🐶）。
总结
基于我对trae的体验，以下是我的一些感受。
- 一些中小型项目强烈推荐使用trae来写项目。
- trae没有那么智能，提出的需求要尽量最小化，就是比如说一个大需求，分解成多个小需求，这样trae ai实现的才会更符合需求。
- ai应该还不能完成截图功能，所以别想的太智能。（手动🐶）
- trae作为一种辅助工具还是很不错的，就是这个需要梯子才能使用有点难受，还是老老实实等国内版上线吧。
- 项目功能具体还是要由人为控制一定架构，而非完全放权给 AI，也就是说别想着一键啥都给你写了，那是完全不可能的；
- 如果能够增加一个语音提问那就更好了。（坏笑........）
以上是我使用trae的感受，感谢阅读。
