前端开发新的时代:Trae

7,642 阅读4分钟

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

字节跳动革命性推出全新编辑器Trae,免费使用,Builder模式无缝替换cursor

用了一段时间,真的解放了我的开发生产力,还没来使用的小伙伴一定要来试一试

1、环境准备

  1. 一台mac电脑(windows暂不支持)
  2. 科学上网环境
  3. 英语基础

2、下载安装

下载地址

下载完成后,正常下一步,下一步安装

3、登录账号

这里需要注册一个trae账号,可以选择 google or github 账号,我选的 google账号

这里一定要登录账号,不然用不了高级的Builder模式

4、愉快的开发了

这里 默认带了 Chat模式,Chat模式和其他 coplit模型没啥区别,都是你提问,给你建议,就不多说了

本文重点要讲的是 对标 Cursor 的 Builder模式

5、Builder模式

a.这里我们创建了个空项目

b.使用 rsbuild初始化项目

中间虽然波折,但是还是创建出来了

6、功能开发和修改

改点东西

它会把要改的地方 通过不同颜色标记出来

这时可以先去 网页看下效果,符合预期

就可以接受改动了

6、精确范围

可以要求将改动精确到  某个文件,某个目录汇总

也可以把改动限定在某几行代码中

7、识图

这个功能可谓是前端切图仔的福音了,因为我最烦写html和css了。。。(不是)

这里我们让他写个 掘金的头部,看他能不能搞出来

代码生成好了

来看一看效果

还原度真的很高呢!虽然细节还需要微调,但是已经差不多了

仅仅这样就节省了我小半天时间了!

总结

在AIGC这个大时代浪潮下,我们作为FEer,一定要不断学习新的工具,才不会被抛下

AI不能替换前端开发,但是能替换掉不会AI的人

创作不易,如果对您有帮助,请点赞收藏关注3连支持一下

转载请说明出处