Trae国内版测评：半小时一行代码不自己写能做个啥应用出来

3月4号Trae国内版终于来了，我也是写过一篇文章(中国首款AI原生IDE来袭！Trae让代码从「手写」变「口述」)，这几天正好有个小应用的想法，所以决定用Trae来测评下，这篇会测试Trae国内版，下一篇会测评Trae的另一个版本。

其实两者最大的区别就是国内版只有DeepSeekR1，而另一个版可以免费使用Claude3.7，因为目前公认的Claude3.7在编码领域基本没有对手。

因为网上也有很多测评，不过我看到的Prompt基本是一些项目简单但是功能酷炫的效果（纯htmlcssjs），不够实战，这次我就用一个偏真实的小应用Prompt来测试下。

最近头痛做什么菜，每次做菜都纠结吃啥，所以就做个这样的小应用吧，先做一个前端mock数据的项目吧，后期在用AI把后端搞出来。

我的prompt如下：

我需要一个React做的h5应用，主要功能是帮我决定我今天吃什么，要求如下

1.应用底部有2个Tab,<首页>，<厨房>

2.<首页>有1个选择器，可以选择荤菜，素菜，然后一个按钮[ROLL点]，点击后随机显示一个菜的弹框

3.弹框里可以显示菜的详细信息，包括图片，名称，烹饪时间，烹饪步骤，材料，卡路里，蛋白质，脂肪，碳水化合物

4.当我确定要吃这个菜，我可以点击加入<厨房>

5.<厨房>可以显示我添加的所有菜

6.<厨房>正上方有一个按钮[采购]

7.点击[采购]后，<厨房>页面会显示一个列表，列表里显示所有菜的材料，以及材料的数量，在最下方有一个按钮[做菜]

8.点击[做菜]后，<厨房>页面会显示第一个菜，下面会展示做菜的步骤,并显示当前步骤的进度条，最下面有一个按钮[下一道]

9.点击[下一道]后，<厨房>页面会显示下一道菜，以此类推

先看成品把，后面展示怎么实现的。

1.开局我直接空文件夹写一个需求prompt，写的过程中其实也是有代码辅助的，比如我写了2点，他就get到我的意思开始输出后续，这点和Copilot一样。

2.开始初始化代码，使用的npx，这一点很合理，毕竟用户可能是小白啥环境都没有。而脚手架选择的是vite，也很好，毕竟create-react-app刚刚才宣布不维护了...

3.项目初始化结束，看下目录结构，开始装其他他任务需要的依赖

4.不出意外的话还是出意外，遇到第一个坑，因为vite现在react的模板已经react19了，所以和AntdM是不兼容的。我们看下他怎么处理的，很老练，直接就是--legacy-peer-deps，这里其实前端新人都会懵逼，因为这个命令不怎么常见，是用来忽视peerDependencies的

5.解决环境后继续，少许等待后直接提交了几个文件，全部接受，我们不写一行代码

6.且看看他写了些什么，首先是定义了一个菜谱，比我预期要好，数据很详细，定义的类型也很准确

7.我们直接跑起来，溜出来看看效果

首先我们看到项目有点丑，先不管后面优化，试着点下核心功能“ROLL点”按钮，没反应，看下控制台报错了，看起来像是渲染的问题。去看下代码，好像没啥问题，应该是React19的问题了，看来antdm现在对React19还是有点兼容问题。那我顺便来考考Trae“帮我把项目降成React18的”，他反映非常好，考虑到降React的同时需要降React-Dom,且用的18.2.0也是一个不错的版本。

8.解决了React版本，继续，点击不报错了，也走通了逻辑，给我们随到了一个红烧肉，只是这材料的显示bug比较常见了......这个不致命，致命的是发现项目没有底部的Tab，也没有路由。继续PUA他

9.很快路由加上了，但是发现新问题，没有共享状态，首页加的菜没有哦同步到购物车页面。继续.....

10.很快，Trae采用了状态提升的办法，在App这一层做了一个状态管理，并透传到了下面2个页面中

11.但是还是没效果，我们去控制台看下日志，看起来我添加的菜是有的。再看购物车代码，发现问题了，购物车3种mode少了一种view模式，于是我使用#+文件，来指定一个文件，告诉他这里少了东西。

12.很快，Trae补偿了代码，至此。我们的主题功能也已经完成了，看下效果。

13.虽然功能没问题，但是可以说是有点丑陋，于是提了一句“优化下UI，好看一点，符合常规app的UI交互”，优化版来了

14.可以看到，比之前好了很多，功能也基本符合了，后续也有很多优化空间。

总结下来：

1. 目前看下来，国内版是可以使用的，即使是小白也能很快上手一个小项目，毕竟都是白嫖的还要啥自行车呀，隔壁Cursor，Copilot收费可贵着呢。

2. 国内用户友好

3. 代码略显粗糙，和实习生写的差不多...但，至少跑的起来是把，遇到问题提示下还可以给你解决。

4. 如果不是要求他工程化，直接csshtmljs上手效果会更好，这个网上可以看到很多案例了。

但是没有对比就没有伤害，下一篇我们会看到同一份Prompt的差距有多大，Claude3.7真的让我有点吃惊，20刀一个月还是很值的，而Trae的另一个版可以白嫖Claude3.7就更值了，下一篇见。