🚀使用 TRAE SOLO CODE 3.0 的国内版和国际版开发「提醒助手」谷歌插件开发的实践🧣

摘要

本文主要记录我自己在 2025 年 12 月 8 日使用 TRAE SOLO CODE 3.0 的国际版和国内版，开发一款谷歌浏览器"提醒助手"插件的实操过程。开发流程遵循迭代优化的原则，着重探讨了从初始模糊需求到功能明确定义的转化过程。

我发现，现在的 TRAE 极大地加快了插件制作速度，但明确的功能描述（如增加倒计时、弹窗等）是确保生成效果和质量的关键。

文中同时我分享了使用自研智能图标工具（Smart ICON）进行图标优化的经验，并总结了提升开发效率的实践建议，旨在为初学者迈入下一代超级工程师的门槛提供参考。

关键词： TRAE 3.0, 谷歌插件, 提醒助手, 插件开发, 敏捷迭代

视频操作：TRAE SOLO CODE 3.0 国际版和国内版开发「提醒助手」谷歌插件实录🧣#TRAE 3.0 SOLO出道并 @trae #SOLO已就位 #TRAE

1. 引言

随着人工智能辅助编程工具的快速发展，开发流程的效率和门槛正在被重塑。本次实践选择在 2025 年 12 月 8 日，利用 **TRAE 3.0（包括国际版和国内版）**的强大能力，进行谷歌提醒插件的开发。

旨在通过实际操作，展示如何利用最新的 AI 代码生成工具，将一个模糊的概念转化为一个具备基本功能的实用插件，并提炼出在 AI 辅助开发过程中的关键经验和优化路径。

2. 研究方法与开发步骤

为了更好地区分和展示开发过程中的差异，本次实践中将 国内版 界定为使用白色主题，国际版 界定为使用黑色主题进行描述。开发过程严格按照迭代和优化的流程进行。

2.1 初始阶段：需求定义与提示词设置

执行步骤 1：初步需求输入

在开发初期，我自己的需求定义并不清晰。最初的提示词设置相对笼统，仅指出需要制作一个提醒插件，并要求增加一些"有趣好玩的功能"。

提示词（Prompt）： "制作一个谷歌提醒插件，增加一些有趣好玩的功能"。

个人见解（踩坑指南）： 初期的模糊定位是开发中的常见"陷阱"。经验表明，仅仅定一个方向（例如"我要做一个提醒插件"）是远远不够的。在 AI 辅助开发中，对功能（Functionality）的清晰描述是决定最终效果质量的基础。

2.2 核心功能与界面设计迭代

执行步骤 2：快速设计与功能调整

TRAE 3.0 能够非常快速地完成初始设计。在初始设计完成后，需要进行大量的任务修改，主要集中在功能调整和用户界面（UI）优化。

功能调整： 删除了 TRAE 默认设置中关于"自定义完成提醒"的多余设置。
UI 优化： 初始 UI 呈现紫色，为了追求更好的视觉效果，随后进行了美化优化设置。

经验分享： 在 AI 快速生成代码和设计后，人工审核和删除冗余代码/功能（如本例中去除的自定义完成提醒设置）是非常必要的，这有助于保持代码的简洁性和程序的效率。

2.3 图标设计与外部工具集成

执行步骤 3：图标生成与替换

插件的图标设计是用户界面的重要组成部分。本次实践中，使用了豆包的生图完成图标制作，并通过自研的 Smart Icon Converter（谷歌智能图标插件工具）来高效生成所需的图标文件（如 16x16, 32x32, 48x48, 128x128）。

工具应用： 使用 # Smart Icon Converter 上传图片后，工具会自动完成不同尺寸图标的转换和生成。
结果： 为了完成对比的区分，国际版没有进行图标修改，因此保留了默认图标，而国内版则应用了新的图标设计。

经验总结： 对于重复性高、格式要求严格的任务（如生成多尺寸图标），使用自定义或外部的智能工具能够大幅提升效率。将此类工具纳入开发流程，可以最大化 AI 辅助开发的效率。

2.4 功能深化与文档创建

执行步骤 4：功能明确与开发文档生成

在后续迭代中，功能被明确细化，包括增加倒计时功能和优化美观度。随后，利用 TRAE 国内版的功能，重新创建了详细的开发文档。

功能细化： 明确增加了倒计时（Countdown）和弹窗（Pop-up window）功能。
文档创建： 利用国内版能力生成开发文档，进一步指导后续开发。

启示： 当我们在制作任何产品时，都需要思考清楚其具体的功能点。例如，如果要做提醒插件，明确指定"增加倒计时"和"增加弹窗"等具体功能，能够让 TRAE 产出更符合预期的结果。

2.5 最终功能实现与测试

执行步骤 5：基础功能实现与测试

国际版效果：

使用总结后的提示词：

markdown 复制代码

简单提醒插件是一款基于Chrome浏览器的扩展工具，旨在帮助用户在长时间工作或学习时保持健康的生活习惯。插件会按照设定的时间间隔自动提醒用户喝水、休息或进行适当的锻炼。

### 1.1 功能特点

- ⏰ **定时提醒** ：默认每25分钟自动提醒，支持自定义提醒时间（1-60分钟）

- 💧 **多种提醒类型** ：随机发送喝水、休息、锻炼三种类型的提醒

- 📊 **实时倒计时** ：在插件弹窗中显示距离下次提醒的剩余时间

- 🖥️ **双重提醒机制** ：系统通知 + 自定义弹窗，确保用户不会错过提醒

- 💾 **设置持久化** ：自动保存用户设置，下次启动时恢复

- 🎨 **简洁美观** ：现代化的UI设计，操作简单直观

国内版效果：

使用最初的提示词：

复制代码

制作一个谷歌的提醒插件，增加一些有趣好玩的功能

在最终阶段，通过国内版实现了基本的提醒功能，即在设定的时间节点弹出提醒（这个弹窗提醒没有得到实现）。在自定义设置一分钟提醒时，出现了轻微的"小翻车"现象，但基础功能逻辑已实现。

实现效果： 达到时间节点时，弹窗实现提醒功能。
待优化空间： 仍存在进一步优化的空间和调整的可能性。

3. 结果与讨论

本次实践证明，利用 TRAE SOLO 3.0 不管是国际版还是国内版，进行插件开发的时候，都具有极高的速度优势。开发速度快是当前 AI 辅助开发的一大特点。

3.1 核心经验总结：成功的关键因素

成功的 AI 辅助开发高度依赖于前期清晰的需求定义。

定义明确性（What to do）： 首先必须清晰定义"要做什么"。
功能明确性（Features）： 其次需要思考"做这个东西有哪些功能"。定义的内容和功能越清楚，TRAE 产出的效果相对来说就越好。

3.2 成为下一代超级工程师的路径

通过简单方式开始插件制作，是迈入"下一代超级工程师"门槛的有效途径。一旦掌握了插件开发的流程和方法，后续的网页开发、小程序开发以及移动端开发等任务都将变得相对简单。

4. 结论

TRAE SOLO CODE 3.0 为谷歌插件的开发提供了快速且高效的工具。本次"提醒助手"的开发实录强调了在 AI 辅助编程时代，人类工程师的价值在于高质量的初始提示词和清晰的功能规划。通过不断迭代优化功能和界面，即使是新开发人员也可以迅速实现复杂的功能。