我正在参加Trae「超级体验官」创意实践征文，本文所使用的 Trae 免费下载链接： www.trae.ai/?utm_source…
引言
在当今的数字化社会，AI几乎改变了我们的认知，由2023年初的chatgpt的让人眼前一亮，到如今的各种各样的AI大模型各放异彩；对于我们开发者，迫切需要一些工具来帮助我们在这个快速发展的今天，提高开发效率，站稳住脚跟。
问题描述
本人是一个后端开发者，而对于前端，虽说有些基础，但始终是自己做项目时的卡脖子的地方
解决方案
利用Trae工具，我们可以无需手敲代码，即可实现一个高效的前端页面，同时，我们可以依照自己的需求，迎合时代的发展，高效且快捷的开发出新的功能。
Trae应用展示
Trae提供了出色的插件系统，可以在其中下载相关的插件，配合使用，开发效率加倍！ 本次以go语言作为后端语言开发，下载相关插件后，对代码中遇到的错误可以轻易修改。
下面我们以一个前后端不分离的项目为例，利用Trae将其转换成前后端分离项目，其中前端使用Vue框架，并能够正确处理整个调度链。
我们把当前项目的上下文和需求告诉trae，他就会开始给我们生成一个新的vue项目目录：
我可以对生成的代码再提出一些优化要求，比如说嵌套模板：
同时对于原本后端的静态文件，我们也可以和trae讨论是否放入vue项目中：
基础的模板和静态文件都转移成功后，我们就可以启动项目了：
页面启动正常，但是没有任何结构和样式：
同时vue项目中报错的地方都可以问trae：
这些由trae处理完成后，就可以看到页面内容了：
接下来需要转移相关的功能模块了，把我们的需求告诉trae：
与trae讨论方案之后，可以开始执行了：
项目中涉及到的包，都可以让trae帮忙引入：
对于前端项目有疑惑的地方，我们可以放心的询问trae：
最后，我们可以再让trae确认一下当前vue项目是否完整：
搞定了前端之后，我们需要对原本的后端项目进行修改，使其只做aip接口：
对于后端返回值的处理，需要使用原本我们在后端打包的方法，告诉trae：
后端处理完成后，再次回到前端，把我们期望的业务流程告诉trae：
前后端处理完成后，询问trae是否需要做跨域：
考虑到原本的不分离项目的根路由和当前vue前端的根路由冲突，无法做代理，让trae解决：
启动前端和相关后端服务后，测试发现不符合要求，告诉trae：
目前基本业务已经走通，接下来我们让trae给我们做些优化：
优化过程遇到的bug也可以让trae解决：
测试时发现还没有考虑到重复注册的情况，让trae帮我们解决：
如此，业务就全部走通了，但我们发现，主页面的购物车图标没有显示：
同时发现主页面样式两侧空隙过大：
成功解决所有问题：
效果分析
测试也全部符合要求，提示框也正常工作，由RPC层--http接口调用层--前端层，这个流程能够成功走通，数据库内也有相关数据新增。
总结
trae的出现，对于后端开发者来说，极大的提高了个人生产力，可以轻松实现一个前后端分离的项目，让自己的时间不再受前端所限，能够在提高开发效率的同时，通过与trae的对话和指导中学到更多的新知识。
