必须完成登录、激活ai、明确任务三步:先手机号登录解锁功能,再用builder模式描述需求生成完整网页项目,最后用live server运行;也可用chat模式快捷优化已有代码。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

想用Trae从零写个能跑的网页,但卡在打开软件后不知道点哪里、输什么、怎么让AI动起来——这不是配置问题,是没摸清它真正的启动逻辑。Trae不是装完就能自动干活的工具,必须完成登录、激活AI、明确告诉它你要做什么,三步缺一不可。
登录账号解锁AI功能
启动Trae后,界面右下角会显示“未登录”状态,此时所有AI按钮都是灰色禁用的。点击右下角头像图标→选择“手机号登录”→输入手机号并获取短信验证码→完成验证。这一步【必须做完才能使用Builder、Chat等任何AI功能】,跳过会导致后续所有操作无响应。
登录成功后,状态栏AI指示器会变成蓝色常亮,侧边栏TRAE AI图标不再灰显。
用Builder模式生成完整项目
这是新手最该优先掌握的入口,不用写一行代码就能产出可运行项目。
第一步:在电脑任意位置新建一个空文件夹,命名为my-first-app(不能含中文或空格);
第二步:在Trae中点击File → Open Folder → 选中刚建的my-first-app文件夹;
第三步:点击左侧活动栏的TRAE AI图标(星星形状)→ 切换到右侧面板中的Builder标签页;
第四步:在底部输入框里,用中文清晰描述你的需求,例如:“做一个待办事项列表网页,有添加输入框、添加按钮、任务显示区,点击任务可标记完成,数据保存在本地。”回车发送;
AI会自动创建index.html、style.css、script.js三个文件,并写入完整代码。文件生成过程中,资源管理器里会实时出现新文件,【不要手动刷新或关闭窗口,否则可能中断生成】。
用Chat模式即时补全或改写代码
当你已有代码片段,需要快速优化、解释或修复时,Chat模式比Builder更轻量直接。
方法一:快捷键唤起——Windows按Ctrl+U,macOS按Command+U,光标会自动聚焦到对话输入框;
方法二:选中一段代码(比如你写的for循环),右键→选择“Ask TRAE AI”,对话框会自动带上这段代码上下文;
输入指令如“把这段JS改成用async/await重写”或“给这个函数加详细注释”,AI立刻返回修改建议;
确认无误后点击“接受更改”,代码将直接替换原内容,无需复制粘贴。
运行生成的网页项目
Builder生成的项目默认包含index.html,这是浏览器可直接打开的入口文件。
在资源管理器中找到index.html → 右键 → 选择“Open with Live Server”(若没看到该选项,先安装Live Server插件);
浏览器会自动弹出新窗口,显示你刚生成的网页;
如果页面空白或报错,别急着重来——先看底部终端是否有红色报错信息,再回到Chat模式里粘贴报错内容,输入“请帮我修复这个错误”。











