字节跳动推出的 AI 原生 IDE - 真正的 AI 工程师
# 常用对话指令
# 解释代码
"解释这段代码的功能"
"这个函数是怎么工作的?"
# 修复 Bug
"这段代码报错了,帮修复"
"为什么 API 返回 404?"
# 生成代码
"写一个 Python 快速排序"
"用 React 写登录组件"
# 代码审查
"检查这段代码的安全性"
"有什么优化建议?"
# 项目相关
"在用户模块添加忘记密码功能"
"在 #开头 关联当前文件"
# 特殊用法
# 输入 # 自动关联当前文件上下文
# AI 结合语法规则和项目结构给出精准建议
# 输入需求示例:
"""
创建一个电商 Demo,包含:
- 商品列表展示
- 购物车功能
- 结账流程
- 使用 React + Node.js
"""
# AI 自动生成:
# 1. 项目结构
# 2. 前端页面组件
# 3. 后端 API
# 4. 数据库模型
# 5. 部署脚本
# 垂直领域模板:
# • 电商、社交、办公...
# 基于模板二次修改
# 效率提升:
# 30分钟完成传统开发需半天的工作量
# Builder 模式
# • 单次代码生成
# • 适合功能模块开发
# • 快速原型验证
# SOLO 模式
# • 自主多轮迭代
# • 端到端交付
# • 复杂项目首选
# 使用建议:
# 简单功能 → Builder
# 完整项目 → SOLO
# SOLO 的 Plan 模式
# 1. 检索项目上下文
# 2. 生成详细开发计划
# 3. 调度子智能体分工协作
# 示例计划输出:
# ┌─────────────────────────────────────┐
# │ 任务规划 │
# ├─────────────────────────────────────┤
# │ 1. 数据库设计 → 数据库专家智能体 │
# │ 2. API 开发 → 后端专家智能体 │
# │ 3. 前端页面 → 前端专家智能体 │
# │ 4. 测试验证 → 测试专家智能体 │
# │ 5. 部署上线 → DevOps 智能体 │
# └─────────────────────────────────────┘
# 智能感知整个项目上下文
# 功能:
# • 自动检索项目内接口定义
# • 提示参数类型和返回值结构
# • 补全建议符合项目规范
# 大规模重构:
# • 同步更新所有关联调用点
# • 规避遗漏修改导致的错误
# • 减少手动追溯依赖链
# 技术实现:
# • 实时代码索引仓库
# • 跨文件理解能力
# • 增量编译 < 300ms
# 上传 UI 截图生成代码
# 支持:
# • Figma 截图
# • 设计稿导出图片
# • 手绘原型图
# 生成结果:
# • HTML/CSS 代码
# • 响应式布局
# • 保留设计细节
# 测试数据:
# • 电商商品卡片 → 90秒转化
# • 保留间距、字体等细节
# • 支持 hover 效果
# 内置 Webview 预览
# 特点:
# • 所见即所得编辑
# • 右侧实时渲染
# • 支持交互事件响应
# 技术实现:
# • 基于 V8 引擎
# • 热重载机制
# • 增量编译 < 300ms
# 适用:
# • React 组件开发
# • Vue 组件开发
# • 样式调试
| 功能 | Windows / Linux | macOS |
|---|---|---|
| 打开侧边 AI 对话 | Ctrl + U | Cmd + U |
| 打开内嵌 AI 对话 | Ctrl + I | Cmd + I |
| 打开浮动输入框 | Ctrl + J | Cmd + J |
| Builder 生成 | Ctrl + Enter | Cmd + Enter |
| 接受 AI 代码 | Tab | Tab |
| 拒绝 AI 代码 | Esc | Esc |
| 命令面板 | Ctrl + Shift + P | Cmd + Shift + P |
| 文件导航 | Ctrl + P | Cmd + P |
| 全局搜索 | Ctrl + Shift + F | Cmd + Shift + F |
| 代码补全 | Ctrl + Space | Ctrl + Space |
| 关联当前文件(#) | 在对话中输入 # | 在对话中输入 # |
📌 说明:更多快捷键可在 Trae 中通过 Ctrl/Cmd + Shift + P → "Keyboard Shortcuts" 查看和自定义
# Git 增强
# • GitLens - 查看代码历史
# • Git Graph - 可视化分支
# 代码质量
# • ESLint - 代码检查
# • Prettier - 代码格式化
# • SonarLint - 问题发现
# 主题美化
# • One Dark Pro - 主题
# • Material Icon - 图标
# 其他工具
# • REST Client - API 测试
# • Docker - 容器支持
# • YAML / TOML - 配置文件
# VS Code 扩展兼容
# • 支持大部分 VS Code 插件
# • 无缝迁移
# 1. AI 模型选择
# Settings → Trae → Model
# Claude-3.5-Sonnet / Claude-3.7-Sonnet
# DeepSeek-Reasoner(R1) / DeepSeek-Chat(v3)
# 2. Index 配置
# Settings → Trae → Index
# 索引范围、排除文件
# 3. Max Mode(深度编码)
# Settings → Trae → Max Mode
# 更大上下文窗口
# 更多工具调用
# 4. .traeignore
# 排除敏感文件
.env
secrets/
node_modules/
# 5. .rules 配置
# .trae/rules/*.rules
# 自定义 Agent 行为规则