VSCode中使用TRAE AI插件的方法步骤

  发布时间:2026-06-25 12:01:00   作者:进击的横打   我要评论
这段文章详细介绍了在Visual Studio Code中安装和使用TRAE插件,包括登录、使用自动代码补全、代码生成、代码注释和智能问答等功能,通过TRAE插件,开发者可以大幅提升编程效率,节省时间

一. 什么是TRAE AI

它是一个编程工具,可以理解为编辑器,是一个"文本编辑器"。尤其在编程能力方面比较出色,中文提示词就可以生成炫酷的网页。
目前有国内版和国外版两个版本,国外的版本接入的大模型是GPT,Gemini,国内的提供的模型有deepseek,豆包等。

二. 什么是TRAE插件

TRAE插件是你的AI编程助手,提供以智能代码补全为代表的AI功能,支持主流编程语言及IDE,能在开发过程中提供单行或整个函数的编写建议,同时支持在用户开发过程中提供代码解释、代码审查、问题修复等辅助功能,提升开发效率与质量。

三. 什么是TRAE CLI

它是你的专属Code Agent。你只需向TRAE CLI发送自然语言指令,即可让其完成从代码编写、测试到Git操作等一系列复杂的开发任务,让你专注于更高价值的创造性工作。

四. 如何安装TRAE AI插件

打开Visual Studio Code,并进入进入插件市场。在侧边栏中找到并点击扩展图标(四个小方块的图标),或者使用快捷键Ctrl+Shift+X(Windows/Linux)、Command+Shift+X(Mac打开扩展面板。
搜索关键词 “Trae”,找到 Trae AI: Coding Assistant 插件并安装

重启 Visual Studio Code,在左侧导航栏中,点击Trae图标打开Trae AI对话框。或者在Windows下使用快捷键Ctrl+U也能出现下面的界面。

点击 登录 按钮,在登录页面 完成账号授权。

选择登陆并打开TRAE

返回Visual Studio Code,即可开始与Trae AI对话

五. 使用AI功能

TRAE插件提供自动代码补全、代码生成、代码编辑等能力。你可以使用这些能力来提升开发效率。

1)注释代码功能

TRAE AI 默认生成函数级注释,你可以通过自然语言指定生成更详细的行间注释。
在打开TRAEAI的情况下,每个函数的头上都会出现上面这两个提示,分别是[解释代码]和[注释代码]。

点击[注释代码]之后,AI就会给我们自动生成好函数头的注释以及函数体内的注释了。

2)解释代码功能

点击[解释代码]之后,就会出现如下的信息。可以看到AI已经帮助我们省去了理解代码的时间,我们可以不必再去走读它了。

3)代码生成

TRAE AI 可以根据你的自然语言描述生成对应的代码片段。
在输入框中用自然语言描述你的需求。
点击发送按钮或敲击回车键。
TRAE AI开始生成所需代码片段。

4)代码补全

TRAE AI可以理解当前代码,然后提供建议补全的代码。

场景一
在对应代码处,敲击回车键换行。TRAE AI 会阅读并理解当前代码,然后自动补全后续代码。比如下面红框内的代码就是AI自动补足的。

场景二
在对应位置添加注释,然后敲击回车键换行。TRAE AI会阅读并理解代码注释,然后直接生成代码。比如当我输入下面的注释,就会自动生成一行代码:if(SePM_h_Mode == CePM_e_InitMode)
将鼠标悬浮至自动补全的代码区域,然后采纳或拒清除推荐的代码:
点击[接受]按钮或按下Tab键,添加所有推荐的代码。
点击[接收]Word按钮或使用 Ctrl + → 快捷键,逐字添加推荐的的代码。按下Esc键,清除推荐的代码。

5)Tab-Cue功能

TRAE AI支持基于上一次的编辑内容及当前代码情况,预测下一个代码改动点并提供推荐的代码。
将光标停在期望触发代码补全的位置后,你可以通过快捷键(Windows:Ctrl + Shift + Enter)主动触发代码补全,并使用Tab键采纳推荐的代码。

开启/关闭 Cue
点击 Trae AI 对话框右上角的设置图标,然后打开/关闭Tab-Cue 开关。关闭Cue后,代码自动补全功能仍然生效。

6)智能问答

唤起对话框后,你可以在输入框中输入你的问题,然后点击 发送 按钮或敲击回车键,TRAE AI 将回答你的问题。也可以通过Ctrl+U来插入你要问的问题。你可以进行多轮问答,不断补充细节,从而使插件的回答更加准确。

到此这篇关于VSCode中使用TRAE AI插件的方法步骤的文章就介绍到这了,更多相关VSCode使用TRAE插件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

相关文章

  • Trae快速构建自己项目的docker镜像

    本文介绍了CRMEB商城系统的Docker镜像构建规范,包括多架构镜像构建、腾讯云镜像仓库管理等内容,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习
    2026-05-18
  • Trae中安装和使用 Skills的实现步骤

    本文将详细介绍什么是 Skills,为什么需要使用 Skills,以及四种不同的安装方法,帮助你快速上手并提升开发效率,感兴趣的可以了解一下
    2026-05-15
  • TRAE 重磅上线 Skills功能:从入门到实战

    TRAE生态迎来了Skills(Beta)功能的升级,该功能能够简化专业工作流的构建,提供更加轻量化的解决方案,下面就来详细的介绍一下,感兴趣的可以了解一下
    2026-05-15

最新评论