我正在参加Trae「超级体验官」创意实践征文，本文所使用的 Trae 免费下载链接：
md
<https://www.trae.ai/?utm_source=juejin&utm_medium=juejin_trae&utm_campaign=techcall>1. 下载并安装
首先访问官网进行下载，大小是150MB左右。下载完成后，双击即可安装，可以选择安装的路径，我自己是调整到了D:\Program Files\Trae，然后下一步直到安装完成即可。
2.注册并登录
Trae因为要使用到大模型，所以需要注册并登录一下，我是首次使用，所以先注册，注册的方式有多种，我是直接使用的邮箱登录，点击页面的Sign up，然后输入邮箱，接着去邮箱里找到验证码，并输入，然后输入自己的密码即可。然后使用注册时使用的邮箱和密码进行Trae的登录即可。此处有的小伙伴可能会碰到如下问题（App Unavailable），这个需要科学上网。
3.登录成功
登录成功后，会显示如下界面，让你选择主题，以及是否要从其他编辑器导入相关配置。
4.尝试生成贪吃蛇代码
直接在Trae点击新建会话，然后输入提示词，我输入的很简单，如下：
请给我使用html和css完成一个贪吃蛇的游戏。
很快啊，它就生成好了，此时，我们需要点击【添加到新文件】，给文件命名为【snake_game.html】，同时把该文件放入到一个文件夹内，文件夹名称为【trae_test】，文件夹是为了方便后续和trae进行提问互动，因为它需要以文件夹为基础进行全局提示。 代码不进行展示了，我直接给大家看初版的效果。
可以看到虽然界面简单的很，但是功能确实是有了，对吧，而且很流畅哦。
5.优化代码增加互动效果
以上代码其实有些问题，就是当游戏结束时，它直接就停止了，没有分数的提示，所以呢，我就继续给他提问。
当前文件夹下有一个snake_gate.html文件，但是代码在游戏结束的时候没有提示，我需要有一个游戏结束提示。同时游戏运行过程当中也需要有得分提示，每吃掉一个食物，得分+10，游戏结束时：提示，您的分数是xxx分，请继续加油哦！
可以看到，当我完成提问后，它是有一个参考的，参考的文件就是我刚才新建的文件，这一点就很好，不是随便给我生成，也不会影响我之前的逻辑。同时右侧有一个应用按钮，点击它之后，左侧的代码就会同时展示出原代码和新更改的代码，类似于git中进行版本比对一样，你可以选择部分应用，也可以直接选择全部应用。这是非常方便的。 接下来给大家展示优化后的效果。
可以看到，确实有了提示，并且这个提示是一次生成，我手动没有处理过。 然后我也继续增加了其他的优化，比如有一个【开始游戏】，【选项】可以用了调节蛇的速度，还有【历史记录】，可以记录每次游戏的时间，接下来我把提示词给大家，方便大家去实践。
还是需要优化以下，游戏结束后，没有重新开始的按钮，同时界面上需要一个开始按钮，点击后游戏开始，需要一个历史按钮，可以展示分数最高的10条数据，以及记录这10次分别花费的时间。同时需要一个选项按钮，可以设置贪吃蛇的速度，分别是1-10，1最慢，10最快。
以上的代码词完成了【开始游戏】和【选项的作用】，但是实际运行时，发现【历史记录】这个功能完成的不好，下面我将详细给大家展示，我是如何进行提示和代码的生成的。
6.进行反复提问，完成需求和实际的一致
在上面的代码生成之后，我运行了一下，发现有个问题，就是我玩一场，但是记录了好几次，所以每次的时间都不对，我就提问：
记录分数是正确的，但是时间记录的不对，请修复。
然后它还是不对，接着提问：
记录的有问题，我开始了一次游戏，但是记录了多次，检查并修复，同时，是需要记录从贪吃蛇动起来到死亡期间的时间，如果只是开始，但是不动，时间是不记录的，直到蛇动起来才算。
发现仍然不对，我就给它更细致的提问：
不对，需要增加变量，判断蛇是否已经移动。 当蛇第一次移动时记录开始时间，游戏结束时，记录结束时间，然后两个的差值就是移动时间。
可以看到我告诉它怎么记录，以及怎么计算。 终于，这次提示之后，它生成的代码是符合我的预期的。
7.优化运动轨迹后，发现不是很好用。
大家在玩的时候可能也会发现，蛇的行走会有延迟，比如在速度比较慢的时候，反应尤其明显，就是我按了方向键，有可能蛇稍等一下，才会走动，所以我就想可不可以我按了之后，蛇立刻就改变方向。我继续提问：
现在有个问题是，感觉我操作后，蛇的动作会慢一步，这是为什么？
可以看如下的效果
不知道大家看出来没，因为它需要立刻反应，所以会出现先把自己原来的步骤执行完，再执行我的指令，也就是如果它是向下的，我按了右，它有时候就会继续下走一步，再向右。就会出现如图所示的效果。
8.代码回退到上一个版本
所以我不想要这部分的效果了，怎么办？你会说，那还不简单，直接撤销啊。没错我也是这样做的，但是我发现了trae还有个功能就是可以回退到对话的那个版本。
9.最终的版本
以下是我一些样式方面的优化，比较简单，我也放在下面了。
需要改一下蛇的颜色，整个蛇的每个部分都设置为圆形，然后蛇头是空心的，食物也是圆形的，食物的颜色一直不变是绿色，身体是随机的颜色，且身体的每两个颜色之间保持不同。
需要改一下蛇的颜色，整个蛇的每个部分都设置为圆形，然后蛇头是空心的，食物也是圆形的，食物的颜色一直不变是绿色，身体是随机的颜色，且身体的每两个颜色之间保持不同。
10.Trae的小技巧
-
同时，trae还有个比较好的地方是它的聊天记录可以上翻，就类似于linux命令一样，按箭头↑就可以在聊天框看到之前的提问，这样就比较好，如果网络繁忙或者是其他原因，不用再去翻上去复制命令，然后重新提问了。
-
还有就是，代码生成后，【apply】按钮是直接可以在当前屏幕看到的，我之前用其他的ai提示插件，发现，想用代码需要上滑到代码最开始的地方，这点也比较人性化。
以上就是我简单的使用了trae完成的功能，我觉得对于现在频繁的推出各种AI工具，既然不知道，我们就去尝试使用，了解了，可能也不会那么焦虑了。也知道它实际的能力在哪里。