第一次用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模式里粘贴报错内容，输入“请帮我修复这个错误”。