入门

快速开始

10 分钟内用 Trae 创建你的第一个 AI 辅助项目,体验 AI 编程的魅力。

ℹ️

开始前请确保已完成 安装指南 中的所有步骤并登录账号。

第一个项目:Hello AI

1

创建项目文件夹

Terminal
mkdir hello-trae
trae hello-trae

或者在 Trae 中:File → Open Folder,选择一个空文件夹。

2

打开 AI Chat

Cmd/Ctrl + L 打开右侧 AI Chat 面板,输入你的第一个问题:

AI Chat 提示词
帮我创建一个 HTML 页面,显示当前时间并每秒自动更新,
使用现代简洁的样式
3

接受 AI 生成的代码

AI 会生成完整的 HTML 文件。点击代码块右上角的 "Apply" 按钮,代码会自动写入编辑器。

💡

不满意?直接在 Chat 中继续说:"把背景改成深色主题,字体大一点",AI 会根据你的反馈修改。

4

体验内联补全

新建一个 script.js 文件,输入以下内容,感受 AI 补全:

script.js — 输入函数名,AI 自动补全
// 输入 "function fetchUserData" 后稍等片刻
// AI 会自动补全整个函数体,按 Tab 接受
async function fetchUserData(userId) {
  // ↓ AI 自动补全
  try {
    const res = await fetch(`/api/users/${userId}`)
    if (!res.ok) throw new Error('请求失败')
    return await res.json()
  } catch (err) {
    console.error('获取用户数据失败:', err)
    return null
  }
}
5

试用 Builder 模式

在 Chat 面板切换到 Builder 模式,输入一个更复杂的需求:

Builder 提示词
创建一个天气查询页面:
- 输入城市名称
- 显示温度、天气状况、湿度
- 使用 Open-Meteo 免费 API(无需 key)
- 响应式布局,深色主题

Builder 会自动创建所有需要的文件并完成实现。

接下来学什么?