我正在参加Trae「超级体验官」创意实践征文,本文所使用的 Trae 免费下载链接:
菜鸟在Trae
刚出现在掘金上的时候,就已经点击预约了,今天总算是等到它的windows版本发布了!
菜鸟安装Trae
后,直接从vsCode
导入插件和配置时发现:Vue - Official
这个插件没有,然后在插件库里面搜也上搜不到,只能搜到分开的vue3插件,不过也不是很影响,毕竟使用Trae
看重的是其AI
功能!
看了一下Trae
的AI
,chat是基于gpt-4o
和Claude-3.5-Sonnet
的,感觉4o
也是会有次数限制,还有一个Claude-3.5-Sonnet
反正官网要收费,可能也就是免费给你用用,后面要收费的。builder的话就只支持Claude-3.5-Sonnet
。反正菜鸟感觉后面Trae
极有可能收费,国内都是这个样子,不然怎么宰你,手动狗头!
其次,vscode
的git
能力确实没有idea
强大(后端一直劝我直接使用idea开发前端,或者用idea拉代码),且好用的gitLens
还要收费了!不过菜鸟找到了平替:工欲善其事必先利其器!你vscode配置了这些吗?
菜鸟使用了一下Trae
,感觉像是vscode
和idea
的结合体,兼具了2者的优点,让前端从vscode
切换到Trae
,不会感到非常的不习惯(菜鸟之前切换用了一下idea
,感觉很不习惯)。
尝试 builder 模式下创建一个项目
我在若依的项目下问了一个这个问题
我等了半天,发现咋没创建项目?看到回答后发现,Trae
居然可以直接读取我整个项目代码,并判断出我的项目已经拥有了这些功能!
无项目时
那我如果新建一个界面再让其创建,是否可以创建出可以运行的项目?
惊恐的发现,居然还能在创建过程中和我们交互!
然后Trae
还会自动帮你修改文件内容,你只需要都接受就行
接下来菜鸟就直接跳过了,把最后的结果跟大家汇报一下就行!
结果
很遗憾,当你npm run dev
之后,出现的还是这个界面
就算修改路由,访问项目中生成的/login
也没啥效果
所以得出结论:架构师AI暂时取代不了,手动狗头!
然后菜鸟看了一下:《Trae小册》,确实里面也不推荐使用builder模式
处理复杂东西,简单的demo可以实现,这是任重道远的后续了!
尝试 chat 模式
使用Trae
和vsocde
的Marscode
对同一个代码块进行优化,优化前代码如下:
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
提示
这里Trae
和vsocde
的Marscode
使用差不多,都可以选择文件 或者代码块 等,但是Trae
的AI
更强,所以回答得可能更好!
代码提示
同一个地方的代码,Marscode
提示:
Trae
提示:
菜鸟感觉区别也不是很大,感觉支持国产的编译器Trae
也行。
而且Marscode
在vscode
上真的挺好用的,希望官方别收费!