Trae 初体验 - vscode要被替代了！强推Trae！ # Trae「超级体验官」创意实践征文

PBitW

已于 2025-03-19 13:41:05 修改

阅读量1.7k

点赞数 22

分类专栏：随笔（其它）文章标签：编辑器 Trae AI

于 2025-03-19 12:08:15 首次发布

本文链接：https://blog.csdn.net/langwang_100/article/details/146365798

版权

随笔（其它）专栏收录该内容

20 篇文章

订阅专栏

文章目录

我正在参加Trae「超级体验官」创意实践征文，本文所使用的 Trae 免费下载链接：

https://www.trae.ai/?utm_source=juejin&utm_medium=juejin_trae&utm_campaign=techcall

菜鸟在Trae刚出现在掘金上的时候，就已经点击预约了，今天总算是等到它的windows版本发布了！

菜鸟安装Trae后，直接从vsCode导入插件和配置时发现：Vue - Official、Vue Extension Box这些个插件没有，然后在插件库里面搜也上搜不到，只能搜到分开的vue3插件，不过也不是很影响。然后 MarsCode 插件也没有（这么好用的插件居然没了），可能是因为Trae内置了AI功能！

看了一下Trae的AI，chat是基于gpt-4o和Claude-3.5-Sonnet的，感觉4o也是会有次数限制，还有一个Claude-3.5-Sonnet反正官网要收费，可能也就是免费给你用用，后面要收费的。builder的话就只支持Claude-3.5-Sonnet。反正菜鸟感觉后面Trae极有可能收费，国内都是这个样子，不然怎么宰你，手动狗头！

2025/3/12补充

现在更强了，支持了更多AI，但是感觉下料这么猛，很难不收费呀！

在这里插入图片描述

其次，vscode的git能力确实没有idea强大（后端一直劝我直接使用idea开发前端，或者用idea拉代码），好用的gitLens还要收费！

gitLens平替见：工欲善其事必先利其器！你vscode配置了这些吗？

菜鸟使用了一下Trae，感觉像是vscode和idea的结合体，兼具了2者的优点，让前端从vscode切换到Trae，不会感到非常的不习惯（菜鸟之前切换用了一下idea，感觉很不习惯），而且其AI更加强大！

2025/3/12补充

Trae官方感觉还是很给力，说了git功能不好用，直接同步了vscode的git graph + git history插件过来了（之前没搜到），且还在不断进步中，又让菜鸟想用Trae了！

AI功能也提升了，感觉比Marscode更强大，可以和copilot一样，直接修改文件中的报错内容，并交给你确定是否替换！

在这里插入图片描述

2025/2/27补充（官方已经修复）

今天菜鸟要用Trae对已经有远程仓库的项目再加一个远程仓库，发现完全无法进行，甚至功能不如配置了Git Graph的vscode，所以菜鸟果断换回vscode，然后菜鸟配置了copilot，发现和Trae一样甚至还多了几个可以选择的AI模型，可能copilot有次数限制，但是Trae没有，仅此而已！

所以希望官方可以把Trae的git模块升级一下，最起码要和idea一样吧(手动狗头)！不然怎么诱惑vscode用户？vscode现在唯一的槽点都比Trae好用，那谁会用Trae？而且Marscode插件完全不输copilot，就更不会有人愿意离开使用已久的vscode了！

尝试 builder 模式下创建一个项目

我在若依的项目下问了一个这个问题

在这里插入图片描述

我等了半天，发现咋没创建项目？看到回答后发现，Trae居然可以直接读取我整个项目代码，并判断出我的项目已经拥有了这些功能！

在这里插入图片描述

无项目时

那我如果新建一个界面再让其创建，是否可以创建出可以运行的项目？

在这里插入图片描述

惊恐的发现，居然还能在创建过程中和我们交互！

在这里插入图片描述

然后Trae还会自动帮你修改文件内容，你只需要都接受就行

在这里插入图片描述

接下来菜鸟就直接跳过了，把最后的结果跟大家汇报一下就行！

结果

很遗憾，当你npm run dev之后，出现的还是这个界面

在这里插入图片描述

就算修改路由，访问项目中生成的/login也没啥效果

在这里插入图片描述

所以得出结论：架构师AI暂时取代不了，手动狗头！

然后菜鸟看了一下：《Trae小册》，确实里面也不推荐使用builder模式处理复杂东西，简单的demo可以实现，这是任重道远的后续了！

在这里插入图片描述

尝试 chat 模式

使用Trae和vsocde的Marscode对同一个代码块进行优化，优化前代码如下：

// 菜单权限
for (let i of menuData) {
  if (i?.children?.length > 0) {
    for (let j of i.children) {
      if (j?.children?.length > 0) {
        for (let k of j.children) {
          if (k.display === true) {
            j.display = true
            i.display = true
          }
        }
        j.children = []
      }
    }
  }
}