Trae 初体验 - 实话实说

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

www.trae.ai/?utm_source...

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

菜鸟安装Trae后,直接从vsCode导入插件和配置时发现:Vue - Official这个插件没有,然后在插件库里面搜也上搜不到,只能搜到分开的vue3插件,不过也不是很影响,毕竟使用Trae看重的是其AI功能!

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

其次,vscodegit能力确实没有idea强大(后端一直劝我直接使用idea开发前端,或者用idea拉代码),且好用的gitLens还要收费了!不过菜鸟找到了平替:工欲善其事必先利其器!你vscode配置了这些吗?

菜鸟使用了一下Trae,感觉像是vscodeidea的结合体,兼具了2者的优点,让前端从vscode切换到Trae,不会感到非常的不习惯(菜鸟之前切换用了一下idea,感觉很不习惯)。

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

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

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

无项目时

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

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

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

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

结果

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

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

所以得出结论:架构师AI暂时取代不了,手动狗头!

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

尝试 chat 模式

使用TraevsocdeMarscode对同一个代码块进行优化,优化前代码如下:

js 复制代码
// 菜单权限
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 = []
      }
    }
  }
}

Marscode提示

Trae提示

这里TraevsocdeMarscode使用差不多,都可以选择文件 或者代码块 等,但是TraeAI更强,所以回答得可能更好!

代码提示

同一个地方的代码,Marscode提示:

Trae提示:

菜鸟感觉区别也不是很大,感觉支持国产的编译器Trae也行。

而且Marscodevscode上真的挺好用的,希望官方别收费!

相关推荐
东风破_1 小时前
TypeScript 高级类型进阶:keyof、Exclude、Record 与类型组合思想
前端·后端·typescript
DS随心转插件2 小时前
Grok生成的html怎么导出——AI导出鸭:大模型结构化输出的“最后一公里”工程化解构
前端·人工智能·ai·html·豆包·deepseek·ai导出鸭
demo007x2 小时前
DSH harness 中的上下文管理探秘
程序员·agent·deepseek
এ慕ོ冬℘゜2 小时前
使用 jQuery 动态渲染表格与状态切换
前端·javascript·jquery
人间凡尔赛2 小时前
2026 前端必修:4 个让 CSS 脱胎换骨的现代新特性(附实战代码)
前端·css
用户2181697049303 小时前
Flutter (二十) 轮播图
前端
前端snow3 小时前
ai agent - RAG 汇总
前端
计算机魔术师3 小时前
AI为拿高分不惜入侵网站:22个模型作弊审计,真相让人背脊发凉
前端
晓说前端3 小时前
TypeScript 核心语法应用 —— Vue 3 中的使用(下)
前端·javascript·typescript·类型系统
zhangminghuan4 小时前
微信小程序开发核心知识点全景解析(前端必备硬核基础)
前端·微信小程序·小程序