依旧免费！字节AI编程软件Trae国内版正式上线，手把手教你入门写自己的项目

推荐语

字节跳动AI编程软件Trae国内版上线，中文界面+优化体验，助力AI编程新手快速上手！

核心内容：
1. Trae国内版特色：中文界面、针对国内开发方式优化
2. Trae核心功能：Builder模式自动化开发、深度理解能力、实时补全
3. 入门案例：手把手教你用Trae写贪吃蛇游戏

杨芳贤

53A创始人/腾讯云(TVP)最具价值专家

之前就给大家推荐过字节的 AI 编程软件 Trae，前段时间在海外已经上线了。　

由于众所周知的原因使用海外的模型是无法在国内上线的。　

所以海外的AI编程工具对国内用户使用门槛还是很高，但是这次不一样了！　

字节在今天终于发布了Trae的国内版本，可以直接从国内下载使用：trae.com.cn　

这也是国内首个 AI 原生 IDE，界面是中文，而且针对国内常见的开发方式做了优化，更懂中国用户。　

我会用一个详细的案例教你搞定Trae的AI编程。　

不用担心自己不是程序员不会用，AI加持下没有基础也能很好的上手。　

入门案例-写个贪吃蛇？

在一顿下一步之后我们终于看到了软件的界面，这里我会用现在AI编程的Hello World也就是贪吃蛇来帮大家学习和了解这个软件的重要功能。　

首先我们需要打开文件夹，点击后选择一个对应文件夹就行，如果没有准备也可以新建一个。　

可以看到我新建了一个空的名字叫Snake的文件夹，这时候我们来了解一下整个界面　

• 1号的部分会展示你的项目的文件列表。
• 2号部分会展示你打开的文件的代码，主要的编辑就在这里进行。
• 最右边的3号就是AI功能的区域了，跟AI聊天就在这个区域进行。

作为新手我们肯定是什么都不会的，所以需要选择最右侧的Builder模式，这里的模型我选的Deepseek-R1。　

这个模式可以完全自动化的帮你完成你的项目，你只需要用自然语言输入你的需求就行。　

在输入框输入“帮我做一个贪吃蛇网页游戏”之后回车，看着他表演就行。　

之后我们发现他已经写完了，那如何运行这个程序呢。　

Trae也帮你考虑到了，你可以点击「运行」之后，他就会帮你启动本地的服务器来展示他写的游戏。　

等待他运行结束之后右边的聊天窗口会出一个「预览」按钮。　

点击之后你就会发现中间的区域帮我们打开了一个网页，我们的贪吃蛇就可以玩了。　

如果你觉得没问题就可以点击输入框上面的「全部接受」按钮，这个是方式AI改错你的代码的安全性措施。　

好了我们发现这个游戏虽然可以玩，但还是有些简陋怎么办，这时候如果你了解一点前端开发的话就会知道我们的样式文件是.css，页面里的东西长什么样子会由这里的代码控制。　

如果我们想让他好看点，又不想动到我们其他的代码文件该怎么办呢？　

只需要输入「#」号，然后选择文件，之后再选择Styly.css文件，告诉他美化一下游戏的界面就可以了，他只会针对这一个文件进行修改。　

好的，我们现在来看看结果，贪吃蛇是不是漂亮了很多。　

有时候我们想更精细的更改，比如我想要将这个画布的描边改成蓝紫色，我知道他属于这个CSS类，那我们只需要选中这部分，跟AI说把描边颜色改为蓝紫色就行。　

可以看到现在AI就已经给出了我们修改后的颜色，只需要检查后接受就行。　

搞完了基础的我们来点高难度的，我用他做了一个带有复杂交互的卡片动画，一次搞定，虽然间距有些小问题，但是已经很牛了，Deepseek R1 调教好的话上限很高，提示词放在下面，你可以自己试试。　

# 创建现代黑色主题金融仪表盘，带有横向可展开面板

设计一个现代化的黑色主题金融仪表盘，配备横向可展开的面板。每个面板代表不同的金融工具，鼠标悬停时会展开。设计应采用深色背景，搭配微妙的渐变装饰和最少的背景效果，使用柔和的颜色混合。采用干净、玻璃般的面板设计，带有类似苹果macOS的微妙透明效果，并在折叠状态的面板上使用垂直文本标签。

仪表盘应采用横向卡片布局，包含7个面板：实时价格、分析师预测、公司财务、同行分析、历史收益、内部交易和电子邮件更新。每张卡片具有以下特点：
- 折叠状态下为窄条，带垂直标题文本
- 展开状态更宽，显示描述和操作按钮
- 所有卡片高度一致
- 圆角设计
- 随机形状的模糊背景

交互特点：
- 鼠标悬停时面板展开
- 平滑的宽度过渡效果
- 内容在展开时淡入
- 默认展开第一个面板

每个面板的内容包括：
- 折叠时的垂直标题
- 展开时的标题和描述
- 带有适当图标的操作按钮

视觉细节：
- 活动面板上的微妙光泽边框效果
- 轻柔的模糊效果增加深度感
- 最少的阴影和边框
- 清晰的排版

设计原则注重：
- 简洁明了
- 保持视觉层次
- 有目的地使用动画
- 创造一致的视觉体验

是不是只能用来编程

上面其实介绍的是如何用Trae做他的本职工作AI编程，但是我们发现好像这些读取文件并且进行编辑好像对其他的文本也有用。　

其实我前几天就已经发过一个教程教你用Trae帮助自己查询本地Obsidian笔记的内容和修改以及生成笔记。　

操作方法和上面基本上是一样的就是把Markdown笔记文件夹用Trae打开，然后询问AI你笔记库中的信息，或者让AI根据信息去生成和整理新的笔记。　

这里也就用到了另一个重要模式Chat，如果你不需要AI替你操作，只需要询问项目的信息的话可以用这个模式。　

关于这个用法前几天我写了一篇，如果感兴趣可以看看：Obsidian加Cursor就是最强AI知识库！藏师傅教你从零学习 Obsidian 01

今天还在会员群听到了另一个很厉害的AI IDE用法，由于他有你的电脑命令权限，你也可以让 Trae 帮你整理文件，比如帮你把一个文件夹中的所有文件按照文件类型创建几个新的文件或者按文件的内容进行分类和清理。　

不要觉得自己没有写程序的能力或者需求就不接触Trae这类AI IDE，很多小需求小工具我们日常工作中都需要，AI编程不是非要写一些大的项目和完善的产品，更可以帮你解决日常工作中非常繁琐的一些小工序和小事。　

慢慢的我们每个人都会有一套自己的AI工具集，毕竟你的需求只有你自己才清楚，你自己写的工具也不会上一些垃圾功能和收费功能来恶心你。　

简单的试一试，门槛真的很低。