Trae地址：www.trae.ai/
前言
Trae在2月27日的时候已经更新到3.7版本的，大家都知道的是Claude-3.5-Sonnet就已经让我们爱不释手了，现在已经更新到3.7版本，功能又强大了好多。
Claude-3.5与Claude-3.7对比表
从下表中可以清晰的看出3.7升级的内容，可想而知它的强大，现阶段加上Trae的工具，可以让我们编码变得更轻松。
| 对比维度 | Claude 3.5 Sonnet | Claude 3.7 Sonnet |
|---|---|---|
| 编码能力 | SWE-bench Verified 测试得分为 49.0% | SWE-bench Verified 测试得分提升至 62.3%，调整后最高可达 70.3%，登顶 WebDev 榜单 |
| 项目理解能力 | 提供通用改进建议，对项目具体结构理解不足 | 能深度分析项目细节，可发现代码问题、技术栈冲突、文档与实现不一致等 |
| 物理规律与 UI 还原 | 在相关任务中表现较弱，可能需多轮对话且有报错 | 在物理规律编程测试和 UI 设计图还原任务中有明显进步，可一次完成 UI 还原且无报错，能模拟图标 |
| 混合推理能力 | 无明确的混合推理模式切换功能 | 为混合推理模型，有标准和扩展思考两种模式，可在回答前自我反思，提升特定任务性能 |
| 思考控制 | 无自定义思考令牌上限功能 | API 用户可自定义思考令牌上限，最高支持 128K 令牌，便于权衡速度、成本和答案质量 |
| 安全方面 | 安全性相对较弱 | 有害请求拒绝率降低 45%，减少误判，模型鲁棒性提升，抵御提示注入能力更强 |
| 代码任务 | 处理复杂代码库等任务的能力相对较弱 | 配合 Claude Code 工具，在处理复杂代码库操作、全栈更新、工具链调用等方面能力更强，可大幅节省时间 |
| 多模态与指令遵循 | 在多模态和指令遵循方面表现相对一般 | 扩展模式对数学、科学任务显著优化，在《精灵宝可梦：红》游戏测试中表现更优 |
项目说明
很多的时候需要去对面试的人员进行面试，其实脑子里面怎么可能装的下那么多，之前一直都找个A4纸打印一下，然后去面试，总想着写一个各种面试都能放在一起的工具，今天就用Trae来实现一下。
基础提示语句：
这里我选择的是Builder方式来生成代码，按照官方给的说明是没有代码基础的用户可以选择这个进行开发，我实验了一下，还真差不多，但是对于基础问题的描述完整度要求相当的高，所以还是建议初始使用Builder来生成框架与结构，后面的具体功能使用chat来慢慢调整。
项目：计算机面试必备工具
开发语言：H5+CSS+javaScript
面试包数据格式：JSON
主题风格：提夫尼蓝色为主要背景色，操作面板样式采用自然流畅式的主题样式
功能需求说明：
1、两个显示面板有显示题目的大面板与现实答案的小面板。
2、一个下拉选项，可以选择：【Java开发岗】、【Python开发岗】、【Go开发岗】、【运维岗】、【实施岗位】、【云计算岗位】、【大数据岗位】。
3、一个自定义岗位上传文件选项，可选择上传excel文件来读取题目与答案，上传文件后会根据文件名在下拉选项中添加上这个岗位的选项。
4、明确说明上传excel只有2列，第一列是题目，第二列是答案。
5、上传excel文件转换成json文件数据，并绑定到下拉选项中。
6、每个岗位默认有100个题目可供随机选择。
完成之后我们可以在审查上进行点击，查看具体生成的代码。
这里非常贴心的是在执行完毕后给了一个功能的总结，可以让我们看到当前的功能列表，具体的内容我们可以进行实际的尝试。
神级之——图形页面识别
我在生成的效果页面上截取了一张图，然后在下方绘制了一个按钮的提示，它竟然真的生成了，相当的哇塞。
这是具体的询问过程：
生成效果：
功能重构-直接进行询问即可
这里我进行了一个比较大的动作，使问题的存放位置编成了一个个独立的JSON文件，提问的方式相对简易一些，识别的效果也是不错的：
将所有的面试岗位与人事面试都单独创建一个存储100个题目的JSON文件，每个JSON文件对应的岗位面试题需要进行联网查询，查看面试出现率较高的前100个题目，存储后根据下拉选择来获取对应的题目信息，通过下一题按钮来切换这个岗位的下一个题。
返回效果：
新的方向题目可以单独创建：
返回的内容还是很靠谱的。
Chat具体功能微调
这里我直接进行了具体功能的提问，例如下面这个，题目生成了，但是js还没有绑定，所以单独的使用Chat进行提问，通过js将HTML的选择下拉按钮修改触发事件change与json数据进行绑定，随时更换面试题的数据集。
Chat问题解决
前端访问出现了跨域问题，我就想本地跨什么域，先问问吧。
给了我使用服务器跑的提示，说启动一个http-server就行，还给了对应的代码改动。但是我不想使用这个服务，我就让他给我使用Python来创建一个Web服务。
可以看看返回的内容，还是很哇塞的，直接就满足要求了，解决问题的能力超强。
小功能样式添加
提问： 修改页面，添加一个面试官与背题的切换按钮，面试官的状态有参考答案面板。背题的状态不显示参考答案，下一题的右侧添加一个下拉的数字选项1~5，根据这个下拉选项来决定下一题的生成数据量。
手机自适应-一问解决
这里我想添加手机的自适应，直接一个问题：
单独创建一个手机端的CSS样式，垂直式布局。
直接解决了。
具体细节修改
每次点击下一个题的时候不仅不能与当前的题目相同，且如果不是1个题目的时候2~5个题也不能重复，注意随机的处理。
完成的还是很完美的。
项目总结
这是一个基于前端技术开发的面试题库工具，主要功能包括：
- 支持多个技术岗位的题库管理，包括 HR、Java、Python、Go 等方向
- 实现了面试官和背题两种模式的切换
- 可以自定义显示 1-5 个随机题目，并确保题目不重复
- 提供了 Excel 文件上传功能，支持用户自定义题库
- 采用响应式设计，适配桌面和移动端
- 使用纯静态方式实现，无需后端服务
- 通过 XMLHttpRequest 加载本地的 JSON 文件
- 实现了题目答案的显示/隐藏控制
- 使用 Set 数据结构确保随机题目不重复
- 界面简洁直观，操作便捷 整体设计注重实用性和扩展性，可以作为面试准备的辅助工具。
Trae整体开发总结
整体的「从0-1体验」下来，感受还是非常NICE的，特别是最高时使用Builder创建整个结构层次的时候，直接震惊了，就一个全部应用实在是太方便了，一次性完成整个基础项目的构建，实在是太惊艳了。 具体的小问题使用Chat来分析与查看也是非常的效率，基本上都是1~2次提问就可以解决，并且可以根据项目的变化直接进行部分功能的大规模改动，很贴心，极力推荐。
