Trae Builder 使用体验：普通人的小程序开发之路

1. 什么是 Trae Builder？ #字节跳动

1.1 Trae Builder 是什么？

Trae Builder 是字节跳动推出的一款 AI 辅助编程工具（AIIDE）。它集成了 AI 聊天功能，并拥有独特的 tribute 模式。你可以像指挥程序员一样，向 Trae Builder 描述你的需求，它就会一步一步地帮你 自动生成代码文件，而你无需编写任何代码。

1.2 Trae Builder 的优势是什么？

Trae Builder 最大的优势在于，它 降低了编程门槛，让 不懂代码的普通人 也能轻松开发自己的小程序。你只需要 描述你的需求，Trae Builder 就会自动完成代码编写、界面设计等工作。

2. Trae Builder 实战：开发“今天吃什么”插件 #AI实战

2.1 需求分析：解决“今天吃什么”的世纪难题

“今天吃什么”是困扰无数人的世纪难题。因此，开发一个能够随机推荐食物的插件，具有很强的实用价值。

2.2 提示词编写：清晰描述你的需求

在使用 Trae Builder 时，提示词 的编写非常重要。清晰、明确的提示词能够帮助 Trae Builder 更好地理解你的需求，从而生成更符合你期望的代码。

提示词示例：

我是一个普通用户，对开发领域不了解。

请帮我开发一个 Chrome 浏览器插件，名称为“今天吃什么”。

核心功能：

• 早上、中午、下午、夜宵分别推荐不同的食物。
• 支持离线运行，不依赖外部 JS 文件。

插件界面：

• 包含菜系选择区域、随机推荐区域、”吃啥”按钮。
• 点击”吃啥”按钮后，随机确定一个菜品，并显示礼花特效。

界面美观，按钮圆角，色系为暖色系。

小贴士：

• 在提示词中，可以先 声明自己的身份（例如：普通用户），这样 Trae Builder 会提供更详细的指导。
• 尽量 详细描述你的需求，包括功能、界面、风格等方面。

2.3 项目创建：使用 Trae Builder 生成项目

1. 创建工作文件夹：在本地创建一个文件夹，例如 “eat_plugin”。
2. 使用 Trae Builder 打开文件夹：打开 Trae Builder，选择 “Builder 模式”，并打开刚刚创建的文件夹。
3. 发送提示词：将编写好的提示词复制到聊天框中，发送给 Trae Builder。
4. 确认生成：Trae Builder 会询问你是否接受生成项目，点击 “全部接受”。

2.4 界面介绍：了解 Trae Builder 的操作界面

Trae Builder 的界面主要分为以下几个部分：

• 左侧：文件列表，显示项目中的所有文件。
• 中间：代码预览区域，用于查看和编辑代码。
• 右侧：AI 聊天区域，用于与 Trae Builder 交流。
• 底部：终端，用于执行命令和查看输出信息。

温馨提示：

• 作为不懂代码的普通用户，你只需要关注 AI 聊天区域，与 Trae Builder 交流即可。

2.5 插件加载：将生成的插件加载到 Chrome 浏览器

1. 打开 Chrome 浏览器扩展程序页面：在 Chrome 浏览器地址栏中输入 chrome://extensions/ 并回车。
2. 打开开发者模式：点击页面右上角的 “开发者模式” 开关。
3. 加载已解压的扩展程序：点击 “加载已解压的扩展程序” 按钮，选择你的项目文件夹。

常见问题：

• 加载失败：如果加载失败，可能是缺少必要的图标文件。可以将错误信息发送给 Trae Builder，让它帮你解决。

2.6 问题解决：与 Trae Builder 协同开发

在使用 Trae Builder 的过程中，可能会遇到各种问题，例如：

• 缺少图标文件：Trae Builder 可能会忘记生成一些必要的文件，例如图标文件。
• 代码错误：生成的代码可能存在错误，导致插件无法正常运行。

解决方法：

1. 将错误信息发送给 Trae Builder：Trae Builder 会根据错误信息，帮你分析问题原因并提供解决方案。
2. 接受 Trae Builder 的建议：Trae Builder 可能会建议你安装一些工具、运行一些脚本等，按照它的指示操作即可。

案例：

在本次实战中，Trae Builder 忘记生成图标文件，导致插件加载失败。在收到错误信息后，Trae Builder 立即编写了一个 JS 脚本，用于将 SVG 文件转换为不同尺寸的 PNG 文件，并指导我运行该脚本。最终，问题得到了解决。

2.7 插件体验：享受 Trae Builder 带来的便利

成功加载插件后，就可以体验 Trae Builder 带来的便利了。点击插件图标，即可打开 “今天吃什么” 界面，随机选择菜系和食物，再也不用为 “今天吃什么” 而烦恼了。

3. 总结：Trae Builder 的价值与潜力 #编程趋势

Trae Builder 作为一款 AI 辅助编程工具，极大地 降低了编程门槛，让 不懂代码的普通人 也能轻松开发自己的小程序。它不仅 节省了开发时间，还 提高了开发效率。

Trae Builder 的出现，预示着 AI 赋能 的时代已经到来。未来，随着 AI 技术 的不断发展，Trae Builder 将会变得更加强大，为更多人带来便利。

我认为：

Trae Builder，犹如一盏明灯，照亮了编程世界的幽暗角落，让那些曾经望而却步的人们，也能一窥其中的奥妙。它并非万能，也并非完美，但它却代表着一种趋势，一种未来。在 AI 的加持下，编程不再是少数人的特权，而是成为了人人皆可掌握的工具。然而，我们也要警惕 AI 的过度依赖，切莫因追求便捷而丧失了独立思考的能力。毕竟，代码的灵魂，终究还是掌握在人类的手中。

TraeBuilder #字节跳动