入门
快速开始
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 会自动创建所有需要的文件并完成实现。