进阶

使用技巧

这些技巧能让你的 Trae 使用体验提升一个档次。

提示词技巧

高效提示词模式

# 1. 角色设定 — 让 AI 以专家身份回答
作为一个 Node.js 性能优化专家，分析 @server.js 的瓶颈

# 2. 约束条件 — 限定范围避免过度生成
只修改 validateUser 函数，不要改动其他代码

# 3. 输出格式 — 指定你想要的格式
用表格对比这三种方案的优缺点

# 4. 分步骤 — 复杂任务拆解
第一步：先分析问题，不要写代码
第二步：我确认方案后再实现

# 5. 示例驱动 — 给出期望的输入输出
输入: [1, [2, [3, [4]]]]
输出: [1, 2, 3, 4]
帮我实现这个数组扁平化函数

工作流技巧

用 Builder 生成骨架代码，再用 Chat 逐步完善细节
遇到报错，直接 @终端引用错误信息，比复制粘贴更快
重构前先让 AI 分析影响范围：@代码库修改这个函数会影响哪些文件？
写完功能后让 AI 做 code review，发现自己忽略的问题
不确定用哪个库时，让 AI 对比推荐：对比 axios 和 fetch，我的场景是...

自定义 AI 规则

在项目根目录创建 .trae/rules.md，让 AI 始终遵循你的团队规范。

.trae/rules.md — 示例规范文件

# 项目编码规范

## 语言和框架
- 使用 TypeScript，开启严格模式
- React 函数组件，使用 Hooks
- 样式使用 Tailwind CSS

## 命名规范
- 变量和函数：camelCase
- 组件和类：PascalCase
- 常量：UPPER_SNAKE_CASE
- 文件名：kebab-case

## 代码质量
- 所有异步函数必须有 try/catch
- 函数单一职责，超过 50 行考虑拆分
- 禁止使用 any 类型
- 注释使用中文

## Git 规范
- commit message 格式：feat/fix/docs/refactor: 描述

Git 集成技巧

AI 辅助 Git 工作流

# 1. AI 生成 commit message
#    Source Control 面板 → 点击 ✨ 图标

# 2. AI 解释 Git 历史
@Git Diff 这次改动做了什么？用一句话总结

# 3. AI 帮助解决合并冲突
#    选中冲突代码 → Chat: "解释这个冲突，帮我选择正确的版本"

# 4. AI 生成 PR 描述
@Git Diff 帮我写一个 Pull Request 描述，
包含改动内容、原因和测试方法

性能调优技巧

让 AI 分析性能问题

# 分析时间复杂度
@src/utils/search.js 分析每个函数的时间和空间复杂度，
找出可以优化的地方

# React 性能优化
@src/components/DataTable.tsx 这个组件渲染很慢，
用 React DevTools Profiler 的思路分析原因，
并用 useMemo/useCallback/React.memo 优化

# 数据库查询优化
这个 SQL 查询很慢，帮我分析并添加合适的索引：
SELECT * FROM orders WHERE user_id = ? AND status = 'pending'
ORDER BY created_at DESC

🎯

把常用的提示词保存为代码片段（Snippets），下次直接输入前缀触发，省去重复输入。