我正在参加Trae「超级体验官」创意实践征文,本文所使用的 Trae 免费下载链接 www.trae.ai/?utm_source…
1.缘起
最近ai的工具实在太多了,我粗粗用了很多,包含但不限于Winsurf,Cursor,以及还有Cline,copilot,甚至集成的各种Deepseek的ai编辑器插件工具,属于是有种百花齐放的感觉,不过插件用起来终究不如ide自己集成爽,但是当下ide大多试用以及收费,而Trae我在年前看的时候还是只有mac版本,虽然我恰巧有mba,但是奈何工作用不上!正好等到了win版本,就有了这篇文章。
附上下载地址:www.trae.ai/home
2.使用
恰好最近有想写点东西的想法,本来是做了一套latex的模板,用来记录一些童话故事,仓库地址如下:
里面包含故事集和诗歌集。
故事集:
诗歌集:
然后为了直观角度,考虑使用半天时间,搭建一个前台网站,用来把故事以及诗歌记录过来,恰好有了windows的版本,就产生了这个想法。
先看成果!
地址如下:
snazzy-frangipane-06277e.netlify.app/
感觉还不错!!
下面来说说我的使用过程!
我首先先尝试了下用react+vite创建工程,Trae完全可以帮我生成,然后我通过提问方式,帮我生成界面,奈何界面太丑。。。。。。于是我决定使用第三方ai库,代我生成设计稿!
当下生成的设计稿前端大多是react+antd+tailwind,所以我也采用此技术栈,不过针对已经生成的项目,我仅仅想加入tailwind,于是通过Builder功能进行添加,不过并不好用,于是我就针对样式不生效进行提问:
问题在于确实增加了tailwind.config.js,以及css文件的配置,但是仍然不生效,于是再次提问,方式略有囫囵:
还是不太行。。。。于是我重新生成基础项目(毕竟东西不多)
这一次就细致很多了!
不过仍然有版本对不上的问题:
[plugin:vite:css] [postcss] It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.
于是继续让他修复,成功解决!!
针对路由生成,以及react19的版本配置也是烂熟于心(虽然需要我逐步指引!)
比如:
并且有一说一,ai的中文理解能力其实还不错,我采用偏向口语化的逻辑,他也能较为准确理解
并且对于抽离公共组件也基本功能正常:
对于检查文件也算准确:
前端构建大抵如此,较为顺利,后台比较麻烦,因为我是tex的文件方式,不容易构建后端代码,于是我采用让Trae直接帮我读取tex文件,给我转成json,这个问题还不少。。。
最主要的问题在于吞字儿!
我的数据过长,他就不能转成对应的json,以及上下文时候内容不全,我要完整内容,他会给我自己扩建,而不是我文章的内容。另一方面就是有时候Builder会超时,会提示:
不过整体来说还是不错,免费还要什么自行车!!不过希望能做的更好。
最后附上微信推文 mp.weixin.qq.com/s/MQ9G78930…