Visual Studio Code 安装 Trae (字节跳动做的“AI版 VS Code + 自动编程助手”)插详细教程

Trae 是什么?

👉 Trae = 一款 AI 编程助手(类似 Copilot / Codeium / Continue)

主要功能:

  • 🤖 AI写代码
  • 🧠 自动补全
  • 🐞 代码解释
  • 🚀 生成函数 / 页面
  • ⚡ 提高开发效率

👉 本教程适用于 Windows / Mac 系统,在 VS Code 中安装 Trae AI 插件。

Trae = 字节跳动推出的 AI 编程 IDE(类似 Cursor / VS Code AI版)


🧩 步骤1:打开 Visual Studio Code

首先在电脑上启动 VS Code 编辑器。

如果没有安装,可以先去官网下载并安装最新版本。

🌐 VS Code 官方网站

👉 https://code.visualstudio.com/


🧩 步骤2:进入插件市场

在 VS Code 左侧栏中:

👉 点击 扩展(Extensions)图标

或者直接按快捷键:Ctrl + Shift + X

20260703032013845-image


🧩 步骤3:搜索 Trae 插件

在搜索框中输入:Trae

然后在搜索结果中找到:

👉 TRAE AI: Coding Assistant

(字节跳动推出的 AI 编程助手插件)

20260703032205155-image


🧩 步骤4:点击安装插件

在插件详情页面点击:

👉 Install(安装)按钮

等待安装完成。

20260703032338935-image


🧩 步骤5:重启 VS Code

安装完成后,系统通常会提示:

👉 “是否重新加载窗口”

点击:

✔ Reload / 重启

20260703032456173-image


🧩 步骤6:登录 Trae 账号

重启后,在左侧会出现 Trae 图标或 AI 面板。

点击后进行登录:

支持方式包括:

  • 邮箱登录
  • GitHub 登录
  • 字节系账号登录

    20260703032708872-image

    20260703032754847-image

    20260703032958334-image


🧩 步骤7:开始使用 Trae AI

登录成功后即可使用 AI 功能,例如:

✍️ 代码生成

输入:帮我写一个 PHP 登录接口

 

🐞 代码调试

这段代码报错,帮我修复
 

🚀 项目生成

帮我生成一个 Vue3 后台管理系统
 
 
 
 
 
Visual Studio Code 安装 Trae (字节跳动做的“AI版 VS Code + 自动编程助手”)插详细教程-与其焦虑,不如其说。欢迎来到 AI 时代的超级个体实验场。月其说
Visual Studio Code 安装 Trae (字节跳动做的“AI版 VS Code + 自动编程助手”)插详细教程
此内容为免费阅读,请登录后查看
R币0
免费阅读
© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情图片快捷回复

    暂无评论内容