Trae:字节这个AI编程工具太香了

最近，使用它干了一件事：你说一句话，AI从零做出一个能用的应用，而且界面审美不说惊艳，确实还是有点惊喜的。

主要它是免费的，能用，而且还有点小惊喜，这个确实值得一试。

这个工具叫 Trae。

一、为什么值得试试

如果你在国内开发，或者想快速验证一个想法，Trae绝对值得一试。

三个理由：

1. 国内网络稳定直连

Trae国内版，豆包、DeepSeek、minimax、kimi、GLM、Qwen这些国内主流大模型都支持，服务器在国内，响应快且稳定。

2. 当前免费，无额度限制

Trae国内版：当前免费使用，无额度限制。

没有试用期，没有卡限额，可以直接使用。

3. Solo模式 — 这才是核心

Trae的Solo模式是「AI同事」，你说需求它自己干活。

举个例子：

你说： "做一个番茄钟工具，要有倒计时、休息提醒、统计功能"

Trae Solo自动：

1. 生成一份产品需求文档（PRD），包含功能清单、流程图
2. 等你确认后开始开发
3. 创建项目、安装依赖、写代码
4. 遇到bug自己排查修复
5. 启动预览，让你看效果

你只需要提出需求，AI会自动完成大部分工作。 当然，你仍需要确认方案、审查代码，但省去了大量手动编写的时间。

这不是补全，这是真正的「AI自主编程」。

二、国内版快速上手指南

我用它做了一个数据看板，分享一下流程。

项目目标

做一个数据看板，包含：

• 4个数据概览卡片（用户数、收入、活跃度、转化率）
• 趋势折线图
• 用户列表表格
• 筛选条件栏

具体步骤

Step 1：安装Trae

• 打开 trae.cn 下载安装包
• Windows一路Next
• 启动后用手机号注册登录

Step 2：新建项目 → 切换到 SOLO 模式

• 打开Trae，左上角顶部切换到 SOLO 模式
• 输入需求描述

当前是IDE模式，点一下可以切换至SOLO模式，再点一下即可切换回IDE模式。

Step 3：输入详细的需求（建议完整描述）

## 角色设定你是一位获奖级别的前端工程师 + UI 设计师,擅长打造具有未来科技感的高端数据可视化界面。请使用 **React 18 + Vite + Tailwind CSS + Recharts + lucide-react(图标)**,搭建一个单页数据看板(Dashboard)。视觉质感要求达到 **Dribbble / Awwwards 精选水准**:沉浸、精致、有呼吸感。## 整体设计语言(核心,务必严格落地)- **主题**:深空暗色(Deep Space Dark)。主背景用近黑的深蓝调径向渐变(如 `#070A12 → #0D1326`),营造沉浸式科技氛围。- **玻璃拟态(Glassmorphism)**:所有卡片 / 表格 / 筛选栏使用半透明磨砂玻璃效果(`backdrop-blur-xl`,背景 `rgba(255,255,255,0.04~0.08)`),配 1px 半透明白色或渐变描边。- **霓虹点缀色**:电光青 `#22D3EE`、品蓝 `#3B82F6`、霓虹紫 `#A855F7`、品红 `#EC4899`。关键元素(大数值、图表线、激活状态)带彩色辉光(`box-shadow` / `drop-shadow` 光晕)。- **背景氛围**:叠加低透明度网格点阵 / 网格线,并在画面角落布置 2~3 个模糊彩色光斑(aurora blobs / radial glow),增强空间纵深。- **字体**:Inter 或 Space Grotesk;数字用 `tabular-nums` 等宽数字,大数值加粗,可用渐变文字。- **圆角与留白**:统一大圆角(`rounded-2xl` / `3xl`),充足留白,模块间距规整。## 动效与交互(高级感主要来自这里)- 卡片 hover:轻微上浮 + 辉光增强 + 边框高亮,300ms 平滑过渡。- 核心指标数字加载时做 **count-up 滚动动画**。- 折线图入场有**绘制动画**;hover 弹出自定义玻璃拟态 Tooltip。- 活跃状态用带**呼吸(pulse)动画**的发光圆点。## 页面结构与功能### 1. 顶部筛选栏(玻璃拟态横条)- 左侧:看板标题 + 一句副标题。- 右侧:时间范围(最近 7 天 / 30 天 / 90 天)用**分段控件(segmented control)**,激活项渐变高亮;数据维度(全部 / Web 端 / 移动端)同样用分段控件或下拉。- 切换筛选时,下方所有数据与图表**联动变化**(可为不同筛选准备不同 mock 数据集)。### 2. 四个数据概览卡片(玻璃拟态 + 对应色系辉光)- 总用户数(青蓝系)、总收入(绿色系)、活跃用户数(紫色系)、转化率(橙色系)。- 每卡片含:左上图标(置于彩色半透明圆角容器内,带辉光)、指标名、大号数值(渐变高亮)、环比变化(带 ↑/↓ 箭头,上升绿、下降红)、右下角一条迷你 **sparkline** 点缀。### 3. 折线趋势图(Recharts,放在玻璃拟态卡片内)- 展示近 30 天用户增长趋势。- 线条平滑(`type="monotone"`)并带发光;线下用 `linearGradient` 渐变面积填充(主色 → 透明)。- 网格线低透明度虚线,坐标轴文字弱化为灰色小字,去掉多余边框。- 自定义 Tooltip 用玻璃拟态卡片样式,显示日期与数值。### 4. 用户表格(玻璃拟态卡片内)- 列:用户名(带首字母圆形头像)、邮箱、注册时间、状态(活跃 / 非活跃,用发光 pill 徽章:活跃 = 青绿、非活跃 = 灰)、操作按钮(查看 / 编辑,ghost 幽灵按钮样式)。- 行 hover 半透明高亮。- 分页:每页 5 条,底部分页器现代化(当前页渐变高亮 + 上一页 / 下一页),mock 数据 ≥ 20 条。## 技术与交付- 函数式组件 + Hooks;组件合理拆分(`FilterBar` / `StatCard` / `TrendChart` / `UserTable` / `Pagination`)。- 完整可直接运行,内置全部 mock 数据;在 `tailwind.config` 中扩展自定义颜色与动画。- 响应式:桌面 4 卡片一行,平板 2 列,移动端单列。- 关键代码加注释,便于二次修改。

我选了5个国产的最新模型，同时跑了上面的提示词。

• MiniMax-M3
• GLM-5.2
• DeepSeek-V4-Pro
• Kimi-K2.7-Code
• Qwen3.7-Plus

有个不好的就是，免费版得排队，不想排队就得掏钱。O(∩_∩)O哈哈~

• GLM-5.2

• DeepSeek-V4-Pro

不过，MiniMax-M3、Kimi-K2.7-Code 和 Qwen3.7-Plus 这三个我跑的时候没有排队，其它两个都得排队，GLM-5.2排队最多，有2500+，DeepSeek-V4-Pro排队是200+。

Step 4：AI自动生成项目

• AI开始创建项目结构、安装依赖、写代码

等待任务结束后，我们一起来看看效果。

• MiniMax-M3

• GLM-5.2

• DeepSeek-V4-Pro

• Kimi-K2.7-Code

• Qwen3.7-Plus

以上效果都是一次完成，没有做过任何改动，从整体效果来看，都是可以的，但是我更看好MiniMax-M3，不管是从整体配色还是各个模块的大小比例，整体来看更紧凑，更协调。

当然，一个项目说明不了整体能力，也有仁者见仁的因素，咱们就这个项目而言，从整体效果来说我是认为MiniMax-M3做的更好一点。

Step 5：切换到IDE用Agent模式继续优化

如果有哪些地方不满意，大家可以切换到IDE用Agent模式继续优化，比如如下场景：

• 「卡片之间间距缩小一点」
• 「4个卡片的渐变颜色换一下」
• 「表格增加一列'最后登录时间'」
• 「点击筛选栏时数据和图表联动变化」

优化就留给大家吧，我们就在这里不做展示了。

实用小技巧

三、谁应该用Trae

强烈推荐

✅ 专业开发者 — IDE模式改代码、修bug，效率提升明显

✅ 产品经理/创业者 — Solo模式快速验证想法，不用等开发排期

✅ 国内用户 — 网络访问稳定，当前免费使用

✅ 预算有限的学生/个人开发者 — 免费就能用到接近Cursor的体验

这篇文章只是AI编程的九牛一毛，想系统的学习AI应用开发的朋友可以继续看下面这一章节。

四、延伸阅读：想学习AI应用开发 从0到1全栈实战 的朋友看这里

正好最近发现一本专门讲AI应用开发从0到1全栈实战的书——《AI 人人都是程序员：TRAE + Cursor 从0到1全栈实战》，可以作为这篇文章的延伸阅读。

4.1、作者团队

• 吴振耀(安仔) ：通信领域创业公司系统架构师、TRAEEXPERT、亚马逊认证解决方案架构师、全栈独立开发者。在全栈开发、云解决方案架构(AWS/阿里云/腾讯云)以及DevOps流水线搭建等领域具有丰富的经验；热衷于探索实践前沿技术，致力于以优雅的架构设计与高效的开发流程破解复杂的工程难题。
• 张斌(Captain) ：开发者社区运营，深耕大模型与AI编码赛道，曾从0到1搭建AGI知识库与AI编程子社区，更通过个人播客“浪说播客”长期联动一线大厂技术专家，持续解读技术趋势、AI编程方法论与行业观察。

4.2、内容结构

这本书从理论到实战，从前端设计到基础设施搭建，再到后端开发，完整地讲解了 AI 应用开发的一整套流程，确实值得一看。

五、总结

Trae不是完美的，但它做对了一件事：把AI从助手升级成了同事。

Trae的Solo模式，是「你说我做」。

这个差异，在某些场景下价值巨大。

如果你有这些需求：

• 快速验证一个想法
• 重构老项目
• 修复线上bug
• 给老板做个demo
• 学习新技术栈

试试Trae，可能会有惊喜。

国内版当前免费，下载地址：trae.cn