DEV Community

坚果
坚果

Posted on

1

Trae编程工具上下文使用及代码补全的实用技巧

Trae编程工具上下文使用及代码补全的实用技巧

本文分享了Trae编程工具的几个实用技巧,包括利用编辑器内容、终端内容作为上下文,通过 # 键添加代码、文件、文件夹、工作区等不同类型的上下文,多模态的图片输入以及代码自动补全功能。同时期待大家补充更多使用技巧。

在编程过程中,充分利用工具的各种功能可以显著提高我们的工作效率。今天,我将分享几个关于Trae编程工具的实用技巧,同时也期待大家能够补充更多好用的技巧。

方式一:将编辑器内的内容作为上下文

使用场景:当你正在编辑器中编写代码,对代码中的某一部分存在疑问,比如对某段函数的实现逻辑不太理解,或者想要对某段代码进行优化,却不知道如何着手时,就可以使用该技巧向 AI 助手提问。

当我们在编辑器中编辑代码文件时,AI 助手默认能看到当前文件。若想针对文件中的某段代码提问,只需两步:

  1. 精准选中你想要询问的代码片段。
  2. 点击悬浮菜单中的 “添加到对话” 按钮,选中的内容就会作为上下文添加到侧边对话框中。

指定的上下文会显示在侧边对话底部的输入框,这样方便我们对代码进行解释等操作,非常便捷。

image-20250226085851914

二、借助终端内容作为上下文

使用场景:在代码运行过程中,终端出现报错信息,而你无法准确判断报错的原因和位置时,就可以使用该技巧让 AI 助手帮助你分析和修复报错。

如果在终端中遇到报错,想要借助 AI 助手来修复,可按以下步骤操作:

  1. 在终端中,仔细点击输出内容片段。
  2. 在内容片段区域的右上角,点击 “添加到对话” 按钮,选中内容就会作为上下文添加到侧边对话框。

指定的上下文会显示在侧边对话底部的输入框,输入框内会清晰显示上下文的来源以及行号。

image-20250226091034858

三、妙用 # 键添加上下文

使用场景:当你需要参考某个特定函数、类的代码,或者想要了解某个文件、文件夹的整体内容,又或者想对整个工作空间有一个全局的认识时,就可以使用该技巧向 AI 助手获取相关信息。

在侧边对话的输入框中,我们可以通过 # 符号添加多种类的上下文,包括代码、文件、文件夹和工作区。

(一)#Code

使用场景:当你在开发过程中,需要对某个函数或类的实现细节进行深入了解,或者想要知道某个函数或类在项目中的使用情况时,就可以使用该功能。

通过 #Code,我们可以将函数或类的相关代码作为与 AI 助手对话的上下文。列表默认展示当前编辑器内打开的文件中的函数或类,选择前可预览代码。若推荐内容不符合需求,还可以通过关键词搜索。

image-20250226091907175

(二)#File

使用场景:当你需要查看某个文件的完整内容,比如查看某个配置文件的详细设置,或者想要知道某个文件的整体逻辑结构时,就可以使用该功能。

使用 #File 可以将指定文件中的所有内容作为与 AI 助手对话的上下文。列表默认展示近期在编辑器中打开过的文件,可预览文件所在目录以防错选,也能通过关键词搜索所需文件。

image-20250226091925761

(三)#Folder

使用场景:当你想要了解某个文件夹下的所有文件内容,比如查看某个模块的所有代码文件,或者想要知道某个文件夹的整体功能时,就可以使用该功能。

#Folder 能将指定文件夹中的所有内容作为与 AI 助手对话的上下文。列表默认展示与编辑器中当前所打开文件相关的文件夹,可预览目录以防错选,同样支持关键词搜索。

image-20250226092010424

(四)#Workspace

使用场景:当你接手一个新的项目,对整个项目的架构和功能不太熟悉时,就可以使用该功能让 AI 助手帮助你快速了解项目的整体情况,从而更快上手开发。

使用 #Workspace 可以向 AI 助手提出有关整个工作空间的问题,AI 助手会自动在工作空间中查找最相关内容作为上下文回答。遇到不熟悉的项目时,该功能有助于全局了解项目功能和代码,快速上手开发。

image-20250226092034295

四、多模态输入之图片输入

使用场景:当你遇到一些用文字难以描述清楚的问题时,比如终端报错的截图、设计稿的细节等,就可以使用该技巧通过添加图片的方式向 AI 助手更准确高效地表达需求。

我们还可以在会话中添加图片,如报错截图、设计稿等,以便更准确高效地表达需求。

image-20250226092237582

五、代码自动补全功能

使用场景:当你在编写代码时,想要快速完成一些重复性或者有固定模式的代码片段,比如函数的基本结构、循环语句等,就可以使用该技巧让 AI 助手自动补全后续代码,提高编码效率。

在光标所在位置敲击回车键换行,AI 助手会阅读并理解当前代码,然后自动补全后续代码。

image-20250226094342250

期待大家如果有好的使用技巧也可以补充,让我们一起更好地利用Trae编程工具提高编程效率。

往期文章

https://juejin.cn/post/7473077170761007155

https://juejin.cn/post/7473399743077646346

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay