我正在参加Trae「超级体验官」创意实践征文, 本文所使用的 Trae 免费下载链接: www.trae.ai/?utm_source…
字节跳动革命性推出全新编辑器Trae,免费使用,Builder模式无缝替换cursor
用了一段时间,真的解放了我的开发生产力,还没来使用的小伙伴一定要来试一试
1、环境准备
- 一台mac电脑(windows暂不支持)
- 科学上网环境
- 英语基础
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连支持一下
转载请说明出处