要在 Trae 中顺利启用代码补全功能，您需要手动打开几个关键开关——editor.suggestOnTriggerCharacters 和 editor.quickSuggestions，同时确保 HTML、CSS、JS 的语言服务均处于正常运行状态。尽管初始配置略显繁琐，但按照文件类型依次设置好编辑器模式、css.suggest.properties 以及 jsconfig.json/tsconfig.json 后，后续编写代码时便会自动弹出标签名、属性、类名和语法片段，大幅节省拼写与查标签的时间。

然而，系统默认安装后该功能处于关闭状态，您必须手动激活它，并确认语言服务已完全加载，否则一切设置均无效。

启用 Trae 内置补全引擎

操作步骤非常简单，只需几步即可完成：

第一步：打开 Trae 主界面，点击左下角的齿轮图标，选择「设置」。

第二步：在设置的搜索框中输入 【editor.suggestOnTriggerCharacters】，将右侧开关拨至「启用」。

第三步：接着搜索 【editor.quickSuggestions】，确保「other」、「comments」、「strings」三项全部勾选。如果仅开启「other」，那么在 JS 字符串中的变量名将不会自动弹出，CSS 注释中也不会显示颜色名称提示——这些细节很容易被忽略，但实际对开发体验影响很大。

配置语言服务器支持

方法一：查看状态栏
在右下角的状态栏中寻找是否有「HTML Language Server」「CSS Language Server」等字样。如果显示「Not Running」或留空，则说明语言服务尚未启动。

方法二：手动触发启动
按下 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac），输入「Developer: Toggle Developer Tools」，切换到 Console 选项卡，然后粘贴并执行以下命令：

trae.languageserver.start()

该命令会强制拉起所有已安装的语言服务进程。执行后耐心等待 3 到 5 秒，状态栏将更新为「Running」，此时代码补全才能真正生效。

针对不同文件类型单独开启补全

① HTML 文件：随便打开一个 .html 文件，右键 →「打开方式」→ 选择「Trae HTML 编辑器」。如果当前使用的是通用文本编辑器模式，那么补全功能完全不会生效，这是很容易踩的坑。

② CSS 文件：进入设置，搜索「css.suggest.properties」并将其开启。否则即使输入了 color:，也不会弹出 red、#fff 等值建议——相当于白白输入。

③ Ja vaScript 文件：项目根目录下必须存在 jsconfig.json 或 tsconfig.json 文件，否则 Trae 无法识别模块路径，import 语句的补全将始终不会出现。