Trae入门实践 - 技术栈

TRAE（/treɪ/）深度融合 AI 能力，是一名能够理解需求、调用工具并独立完成各类开发任务的"AI 开发工程师"，帮助你高效推进每一个项目。

废话不多说。

当我们打开Trae的时候，通常右侧会自动打开一个窗口，就是大家很熟悉的ai窗口，在这里可以输入文字、选择智能体、添加图片、选择文件等方式进行提问。

1. 智能体（Agent）

首先Trae内置了四个智能体。chat ：顾名思义聊天为主，可以把他作为一个问答工具，提出你的疑问由他来解决。Builder ：智能构建工具，可以这么理解，在提供解决思路的同时，他还会根据你当前窗口打开的文件生成相应的代码或者新的文件。Builder with MCP ：类似Builder，需要配合合适的MCP来解决问题。SOLO Coder：solo模式的时候，项目级联动。

内置的智能体有时候需要我们不断给他提供Prompt，才能完成一些特定的任务，这个时候我们可以自定义一些智能体。方法很简单，使用智能生成即可，把你的描述写详细，需要注意，什么时候应该使用该智能体，要明确一下，然后点击确定即可。还可以添加特定MCP工具，当你需要的时候。

如上上图中我自定义的React页面初始化、表格配置生成、form配置生成等。假如想一次性初始化多个React 组件，我就可以把组件的中文名称直接丢到输入框，然后我喝一口茶，Trae就帮我生成了多个文件，并且初始化了function、注释、ts-type。

ts 复制代码

/**
 * TestPage 组件
 * 
 * @description 测试页面组件，用于在 gdNewHome 模块中展示测试内容
 * @author cjj
 * @created 2026-03-12
 */
import React from 'react';

/**
 * TestPage 组件的属性接口
 */
interface TestPageProps { }

/**
 * 测试页面组件
 */
const TestPage: React.FC<TestPageProps> = () => {
  return (
    <div>
      <h1>TestPage Component in gdNewHome</h1>
      <p>这是一个测试页面组件，位于 gdNewHome 模块中</p>
    </div>
  );
};

export default TestPage;

2. Skill（指令文档）

一个 Skill 是一份清晰、严谨、可执行的指令文档，用于明确告诉模型------在什么条件下（When），按照哪些步骤（How），产出什么结果（What）。

可以将他理解为一套规范，当然这个规范可以具体到每个细节，也可以全局使用。 如何写好一个Skill: docs.trae.cn/ide/best-pr...

官方文档，可以看看。

为什么要用Skill？因为我发现我创建的这三个智能体他有时候不聪明，相互干扰，我本来只想生成一个Table配置文件，她给我创建了一个Table组件。这时候Skill就排上用场了，用Skill来规范，什么时候用那个智能体，并产生怎么的结果。

当然智能体也不需要你自己写，切到Builder，把你的需要描述明确，让他帮你生成一个Skill即可。经过我的尝试，生成的Skill是可以正常应用的，但是他会在处理问题的时候生成每一个步骤，太耗费性能和时间了，这时候就需要让Builder继续优化，省略不必要的流程，提高速度。

3. MCP（上下文本协议）

类似第三方提供的ai接口，暂时还没用到。

以上，大概就是入门TRAE的初级方法了，学会这些，以后他就不在是一个单纯的代码补全和自然语言处理工具了。