深度使用Trae两周后，感觉自己还能苟一波

前言

由于经常逛掘金，看到最近一直在推送国产 AI 编程器 Trae, 我之前一直在用 Windsurf,由于没有付费，使用的都是免费的代码提示功能。刚好借此机会来深度体验下 AI 编程。接下来是我两周深度使用 Trae 的感受。

我也看过很多人在介绍 Trae 如何快速开发一个浏览器的插件，或者快速开发小程序之类的。基本上是做一个从 0 到 1 的小 Demo。

但是我们如果要使用 AI 编程实际要解决的是如何开发已有项目。所以梳理下我两周时间，使用 Trae 开发的经验。

在说使用体验前来看看 Trae 是什么？

Trae IDE 是字节跳动推出的强大 AI 驱动代码编辑器，整合了 Claude 3.5 和 GPT-4。它被设计为您的编程伙伴，提供 AI 辅助功能，如代码自动完成、智能建议和基于代理的程序设计功能。

简单来说，你可以通过聊天指挥 AI 给你写代码。

来看看这两周我经常使用的 Trae 功能点：

代码提示自动完成功能, 在你写代码的过程中会自动提示和补充代码，你只需要按 tab 键就会自动补全，大多时候还是挺方便的。适合功能简单逻辑重复的场景。
它有 Chat 和 Builder 两种模式，我基本都使用 Builder 模式，该模式会修改你本地的代码，也就是自动写代码。你可以点 yes / no 是否接收它的变更。
手动添加上下文，你可以选中多个代码片段作为上下文添加给 Trae，这样它会根据你提供的上下文生成对应的代码或者做代码解读。至于效果嘛(¬‿¬) 不是很稳定，有时候还没直接代码提示来的便捷，后面会说。
在 Builder 模式下，你可以输入 # 后选择添加 Code、File、Folder 添加对应的上下文，效果(¬‿¬)同上。

接下来看看这些功能在不同场景的表现吧。

可以看到生成的代码是可以正确执行的。我们按照自己的需求稍微改吧改吧，可以极大的提升自己的开发效率。

需求: 假设我们要实现下图这样一个界面，其中包含了数字输入框和下拉框两种组件，但是下拉框的枚举是不一致的。

一般我是会写一个 el-input 和 el-select 定义好这两个，剩余的我都会连续复制。然后去修改对应的绑定值和 el-option 的枚举。

有了 AI 以后，我可以在复制后，选中多个下拉框，然后告诉它替换对应配置。你也许会说，我在 vscode 本身有批量替换，相比于文件内内替换，我们可以指定要替换的内容区域，更加灵活。

需求: 修改当前多个文件

可以使用 # 指定多个文件，然后告诉 AI 要做的修改，它会同时修改多个文件。

需求: 生成新的文件可以看到 AI 帮我们生成了一个项目管理页面，跟我描述的需求基本一致，并且还给我们添加上了分页。

在使用 Trae 的过程中，我也遇到了一些问题。

有时，即使任务并不复杂，等待 Trae 生成代码的时间却很长。这段时间足够我去泡一杯茶了。

面对一个多文件同时修改的需求，例如我要实现一个功能 B 和之前的功能 A 非常项，我希望基于 A 自动生成 B 相关的代码。

并且我防止它上下文理解不够完整，我特意使用添加上下午把相关的文件都给他添加上。也就是我这些相关文件的地方都需要做修改。

结果它最终生成的修改就三行代码。

最终我放弃批量修改配置。将问题拆分成一个个子问题询问。

对于一些复杂问题，Trae 无法很好地理解问题并给出有效的解决方案。例如，在我的开源项目中，思维导图的子节点过多时会出现重叠问题。我向 Trae 寻求解决思路，但它给出的代码和思路并不能解决我当前项目的问题

阶段	特点
阶段1：自动提示	提供代码补全和语法建议，辅助快速编写代码，减少输入错误
阶段2：自动生成代码	根据自然语言描述生成完整代码片段，需开发者进一步调试和优化
阶段3：Agent时代	能拆解复杂任务，自主执行并动态调整策略，具备自主性和灵活性
阶段4：自动编程	独立完成编程全流程，包括需求分析、设计、编码、测试和部署，高度智能化和自动化

作为前端开发者，虽然直接参与AI开发跨度较大，但可以通过以下步骤以AI编程为切入点深入了解AI技术：