实用教程已开放免费学习,跟着步骤到真实 AI 工具练习。本站在线模型和支付仍为演示。三步上手

ONE TOOL, ONE FIRST TASK

用 TRAE 做一个简单页面

把需求写清楚,先完成一个页面,再检查按钮和手机显示。

免费阅读 · 更新于 2026-10-10
适合谁:想用可视界面尝试 AI 编程的人

从官网确认适用的产品、系统和账号,准备一个独立练习目录。

01

从官网下载适合的产品

官网展示 TraeCode 和 TraeWork 等入口。代码任务选择编程产品,按官方界面安装、登录与打开项目。

02

把需求缩到一个页面

先做一个个人介绍页,写清文字、颜色和按钮行为。不要第一步就要求做完整商城、登录或支付。

03

运行预览,逐项检查

请助手说明启动命令与改动文件。打开预览,检查文案、按钮、手机宽度;页面能显示不等于后台服务已经接通。

TRY IT YOURSELF

第一条任务,可以这样说

这是可复制的练习要求;在你选择的真实工具中发送。含【】的地方先换成自己的情况。

请在这个独立练习项目中做一个中文个人介绍页,包含名字占位、简介和一个跳到作品区的按钮。使用浅色主题,手机也能阅读。先说明方案,再实现,并告诉我如何本地预览和检查;不要接登录、支付或外部服务。
看着像完成了,但按钮没反应?

告诉助手具体按钮、点击步骤和预期行为,要求补上交互并重新验证。不要仅以截图判断功能完成。

核查日期:2026-10-10 · 适用工具与官方资料TRAE 官方产品入口官方文档已阅读核对;具体安装、账号权限和任务结果请在自己的环境中验证。示例未连接本站 API。