国产AI代码编辑器TRAE使用详解！对标Cursor

已于 2025-02-20 11:01:19 修改
阅读量1.9w 收藏 90
点赞数 48
文章标签： 人工智能 编辑器 gpt
于 2025-02-20 00:33:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a13879442471/article/details/145742463
版权

就在本月，字节推出了国产最强AI编码工具：TRAE，直接对标的Cursor，博主也试用了一段时间，编码效果已经快接近Cursor了，最主要的是：**它支持免费不限量使用gpt-4o和claude-3.5-sonnet，**那今天就带大家来详细体验下TRAE的界面及使用效果如何！

TRAE使用攻略详解

TRAE是什么？

TRAE是字节跳到发布的AI编码IDE工具，支持持免费无限量使用gpt-4o和Claude-3.5-Sonnet编程大模型，具备全自动开发模式“Builder模式”，可实现需求理解、代码生成、文件操作及错误修复一体化。Trae支持多模态开发，可直接通过上传原型或截图生成代码。

TRAE如何下载？

1、进到TRAE官网直接下载

官网地址：Trae - Ship Faster with Trae

目前只支持Mac和Windows两个版本，不过已适用于绝大部分研发人员了！

下载后完成安装即可！

TRAE如何使用？

1、登录TRAE AI

打开软件后，右侧聊天框会先提示去登录！这里可以使用谷歌进行快捷登录！这里要注意下，一定要开全局加无痕模式，因为TRAE目前只开放了海外版，不开全局加无痕模式会出现如下，我已经给大家问过了客服团队：国内版在3月份发布！

这里开全局模式即可

登录成功界面如下

成功登录后会自动跳转回TRAE界面

2、导入插件

TRAE提供了快捷导入配置方式，点击右上角头像，进到设置页面，可以直接把VSCode和Cursor的差距导入过来

基本几秒就完成全部插件导入，可以在左侧已安装页面看到

3、插件推荐

如果之前没有用过cursor或者vscode的也没事，这里给大家推荐下必装的插件

JAVA语言

前端VUE开发
  • **Vue Official：**官方推荐的Vue3开发插件
  • **Vue 3 Snippets：**Vue3 代码提示
  • **ESLint：**主要用于代码规范检查，对代码不符合规范的会报错提示
  • **Stylelint：**CSS 代码检查 && 格式化
  • **Prettier：**代码格式化
  • **EditorConfig for VS Code：**可以统一不同编辑器的编码风格
  • **Code Spell Checker：**校验单词拼写错误
  • **Sass：**sass样式编写
  • **DotENV：**高亮 .env 文件
Python语言

推荐安装插件：

  • **Git Graph：**Git神器，堪比Pycharm内的Git管理器。
  • **Python Preview：**可展现可视化调试的过程
  • **Python Snippets：**可以让我们的 Python 编程更加高效。它包含了大量的内置方法，以及string、list、sets、tuple、dictionary、class代码片段，并且还为每个代码段提供至少一个示例。
  • **autoDocstring：**能够自动生成函数的注释格式，通过tab键快速切换填充块编写相应的注释。
  • **Python Docstring Generator：**可以自动创建docstring

4、TRAE使用-Chat模式

经常使用cursor的圈友们肯定已经熟练使用了：Ctrl + K 和 Ctrl + L 这两个快捷键了，TRAE对应的这两个键变了，分别是Ctrl + I 和 Ctrl + U

选中代码内容，按下Ctrl + U就会自动把代码拉取到右边聊天框，目前只支持GPT-4o和Claude-3.5-Sonnet两种模型！不支持模型自定义！

发送问题后，AI会自动读取和当前内容有关联的引用，并自动导入优化

5、TRAE使用-Builder模式

Builder这个有点类似于Cursor里的COMPOSER-Agent模式，经常使用Cursor的应该都体验过它的强大之处，右键可以快捷添加，点击Agent可以实现自动化构建及代码优化

不过目前TRAE还没这么智能，不支持右键添加，需要点击#号手动导入文件或者代码，目前Builder模式也只支持Claude-3.5-Sonnet模型

目前看优化的代码结果比Cursor的Agent的稍微差些，还是会报错，需要人工再审查下

总结

这款产品从制作来看，还是略显仓促，很多功能都没有完全对标 Cursor 进行开发，不过字节的研发实力还是很强的，可以期待他们后续版本的更新。

不过使用体验感来很容易上手，经常使用Cursor开发再使用TRAE开发可以丝滑切换，快捷键基本一致！另外重点是：可以无限量使用gpt-4o和claude-3.5-sonnet，果然还是大厂财大气粗！

优点总结

1️⃣ 中文友好：安装后直接选择中文界面，小白也能轻松上手！🫶
2️⃣ UI设计佳：界面简洁美观，功能提示也比Cursor更贴心，用起来很舒服~✨
3️⃣ 响应速度快：AI对话流畅，Builder功能（类似Cursor的Composer）可以自动生成代码文件，效率拉满！⚡
4️⃣ 免费使用Claude 3.5：这可是Trae最大的亮点！不写代码，拿来写文章、处理文案也是不错的选择。📝

缺点总结

1️⃣ 梯子模式限定：登录时必须挂梯子，否则会提示网络异常，不过3月份就会上线国内版
2️⃣ Claude模型表现一般：上下文窗口和输出效果都不如Cursor，同样的提示词需要多次调整才能生效，有点费劲。💢
3️⃣ 功能缺失：Cursor的Rules、自定义模型、Agent等功能Trae统统没有，配置项简单得像一张白纸。📜

国产免费AI编程工具字节Trae来了，Cursor迎来劲敌！
强化学习曾小健
01-20 2万+
原创大瑜2025年01月20日13:46广东今天朋友圈都炸了！在Cursor和Windsurf两大AI编程工具的夹缝中。字节跳动居然推出了一款免费的国产AI编程软件——Trae，引发全网热议！官方大气：提供和cursor类似的功能，免费白嫖claude3.5和GPT4.0，竟然连自己家的豆包都放进去。
究竟是Trae的免费优势还是Cursor的强大功能？深入对比！
强化学习曾小健
02-25 5742
Trae是字节跳动推出的一款免费的 AI 代码编辑器，灵感来自 JetBrains Fleet，采用现代简洁的 UI 设计，旨在为开发者提供一个轻量级且易用的编程工具。与大多数基于 VS Code 的编辑器不同，Trae 对 UI 进行了大幅度的优化，尤其是在图标和语法高亮方面，给用户带来了全新的视觉体验。Cursor是当前市场上领先的 AI 代码编辑器之一，拥有强大的代码生成、自动化测试等功能。虽然其界面设计相对简洁，但它的强大功能和高效性能让其在专业开发者中占有一席之地。
打工人必备！请查收「字节AI编程神器Trae的保姆级使用指南」
不能不吃肉不能不进步的博客
02-20 1万+
Trae是字节跳动推出的智能编程助手，像我们的"编程小老师"，无需懂复杂代码，用中文描述需求就能自动生成代码，可以几分钟搞定贪吃蛇、扫雷等小游戏，分析数据等重复性工作，尤其适合非技术岗的职场新人。请注意：敏感数据建议先脱敏再喂给AI！！需求提的越详细，结果也会越精准哦！欢迎大家一起切磋AI的具体使用场景～希望大家在这个AI横行的时代，不要惊慌不要焦虑（大不了打不过就加入），虽然有些人是乙方（比如我），但！我们可以做Trae做AI的甲方吖！我们都会在这个时代留下独特的印记，就像同一个指令会有不同的结局。
告别 Deekseek 和 Cursor ，字节 TRAE 成代码界新宠！
m0_61361390的博客
02-24 6256
字节跳动Trae 使用指南
AI代码编辑器 Trae 怎么使用
ZJQ的博客
03-06 2464
AI代码编辑器 Trae 怎么使用 目录 AI代码编辑器 Trae 怎么使用 Trae怎么配置python环境 安装openai工具包 2. 选择模式 3. 发布需求并实时调整 4. 部署上线
Trae使用学习指南
m0_64196863的博客
02-28 8523
与 AI 助手对话时，你可以指定 Trae 中的内容（包括代码、文件、文件夹、工作空间）作为上下文供 AI 助手阅读和理解，从而确保 AI 助手的答复更符合你的要求。系统将会从对应的 IDE 中获取插件、IDE 设置、快捷键设置等信息并一键导入到 Trae 中，帮助你快速从其他 IDE 切换到 Trae。后，终端将运行该命令。根据你的需求，AI 助手会自动创建新文件或编辑已有文件，并自动保存生成的代码。在内嵌对话输入框中输入你的需求，包括为代码添加注释、解释选中的代码、优化选中的代码等等，然后点击右侧的。
Trae 项目使用教程
gitblog_00022的博客
05-25 1794
Trae 项目使用教程 trae :postbox: Minimalistic Fetch based HTTP client 项目地址: https://gitcode.com/gh_mirrors/tr/trae ...
Trae AI IDE 全网最全的使用教程
热门推荐
子冉冰清的博客
03-02 2万+
近期，字节发布了一款 AI Coding 产品 ——其优雅的 UI、丝滑的交互、母语级的支持、更高的 AI 集成度、更‮然自‬的交‮式互‬对话开发、更‮‬精准的 AI 生‮效成‬果，都让你感到亲切和惊艳！它不再是一个工具，而是一个能 “思考” 和 “共创” 的协作者，帮助你更灵活的调用 AI 参与项目，实现更高效率、更好效果的开发体验。
关于字节旗下 Trae 国内版代码编辑工具的详细使用教程
cuijiying的博客
03-04 8469
Trae 是一款专为开发者设计的现代化代码编辑器，具有轻量、高效和可扩展等特点。它支持多语言语法高亮、自动补全、内置终端、调试工具以及插件扩展功能，适合前端、后端甚至全栈开发。Trae 的界面简洁直观，新用户可以很快上手，而丰富的扩展功能也能满足专业开发者对个性化工作环境的需求。
这个国产AI代码编辑器Trae，据说好用到没边了，赶紧尝鲜
monsterk1的博客
03-27 418
Trae是由字节跳动出品的基于内核VSCode的AI IDE，也是国内第一款桌面端 AI IDE。本次通过一个简单的使用体验来告诉你，这款表现如何，是否能够得到你的青睐！
Trae CN 使用入门指南
weixin_42551921的博客
04-14 1414
【代码】Trae CN 使用入门指南。
Trae 安装教程与使用体验：开启高效项目开发之旅
最新发布
剑哥是个运维工程师 会点python和JAVA ，最近研究AI和GPU
04-28 1395
3. Java 开发环境（仅需时安装） 三、开发环境与 Trae 的关联 1. Python 项目 解释器绑定：在 Trae 中按 → 输入 "Python: Select Interpreter" → 选择已安装的 Python 路径5 虚拟环境：终端执行 → Trae 自动识别并激活1 2. 前端项目支持 框架模板：新建项目时选择「React/Vue 模板」→ Trae 自动生成 并安装依赖5 实时预览：运行 后，右键端口号 → 选择「在 WebView 中打
工具学习使用篇4: Trae初体验
xjx985426946的博客
03-26 1720
最近字节推出的Trae非常引人瞩目，博主正好想体验一下所谓不需要代码功底也能实现一个项目的达成是怎么样的体验；话不多说，我们正式开始提示：以下是本篇文章正文内容，下面案例可供参考以上就是今天要讲的内容，本文仅仅简单介绍了Trae的使用，瑕不掩瑜，Trae的出现，的确会帮助到很大一部分没有代码能力的同学，来实现自己想要实现的简单WEB管理平台或者数据分析平台，都是可以做到的。
Trae 重磅更新：AI编程+智能体+MCP，直接打开新世界入门！
2401_82631657的博客
04-23 1958
2.配置生成内容的存储地址，如果是mac，你就把用户名替换成你的电脑用户名，然后在文稿里新建个文件夹，命名为minimax_mcp就行。Trae 为一些 MCP 做了人性化的适配，你会看到【轻松配置】的标志，这种配置非常简单，只需要填入自己的 Figma Token，点击确认就配置完成了。然后，在生成token的界面，输入名字，并把下面所有的权限都打开，然后保存，就获得了token。
玩转大模型——Trae AI IDE国内版使用教程
e891377的专栏
03-04 6327
工作空间” 通常为一个在 Trae 中打开的文件夹。若你的项目较为复杂，也可以将多个文件夹添加至一个 “工作空间”。Trae Builder 模式可以帮你从零开始开发一个完整的项目。你可以轻松地把它融入到你的项目开发过程中。在 Builder 模式下，AI 助手会根据你的需求使用各种工具来回应。这些工具包括分析代码文件、编辑代码文件、运行命令等等，让回应更准确、更有效。
【AI编辑器】字节跳动推出AI IDE——Trae，专为中文开发者深度定制
后端研发工程师Marion的博客
01-22 1万+
字节跳动推出的Trae不仅是一款强大的AI IDE，更是一场关于编程方式变革的开始。它通过智能化的代码生成、补全、问答和审查功能，大大提高了开发效率和质量。同时，Trae还支持多种语言和主题，更加符合中文开发者的使用习惯。此外，它还提供了丰富的插件和扩展功能，以及高度可定制化的架构设计，使得开发者能够根据自己的需求进行个性化配置。与Cursor和Windsurf相比，Trae在AI代码自动生成、智能问答和多语言支持等方面具有显著优势。
Trae 开源项目使用教程
gitblog_01122的博客
08-26 682
Trae 开源项目使用教程 trae:postbox: Minimalistic Fetch based HTTP client项目地址:https://gitcode.com/gh_mirrors/tr/trae 项目介绍 Trae 是一个高效、灵活的日志处理框架，旨在简化日志收集、处理和分析的过程。它支持多种日志格式，并提供了丰富的插件和扩展机制，使得用户可以根据自己的需求定制日志处理流程。...
字节跳动AI编程工具「Trae国内版」将于2025年3月3日发布，搭载DeepSeek大模型自动写代码
xiaoyanbot的博客
02-26 4191
在2024年底，字节现在海外推出了trae海外版，支持claude 3.5 sonnet和gpt 4o模型。Trae是一款面向开发者的集成开发环境（IDE），深度集成AI能力，支持智能代码生成、问答、自动补全等功能。根据独家消息，字节跳动AI编程工具Trae国内版将于2025年3月3日发布。据悉，Trae国内版将搭载Deepseek大模型，实现自动写代码功能。将于3月3日举办的字节code less，create more活动中，字节trea产品经理将发布trae国内版，并进行演示。
Trae 的使用教程
03-01
### Trae 使用教程 Trae 是一种用于构建高效网络应用的技术工具集，旨在简化开发流程并提高性能。为了帮助理解如何使用 Trae 创建应用程序，下面提供了一个简单的入门指南。 #### 安装 Trae 要开始使用 Trae，首先需要安装必要的依赖项： ```bash npm install trae --save ``` 此命令会下载 Trae 及其核心库到项目中[^1]。 #### 初始化项目结构 创建一个新的文件夹作为项目的根目录，并设置基本的 HTML 文件来加载 Trae 应用程序： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Trae App</title> </head> <body> <div id="app"></div> <script src="./path/to/trae.js"></script> <!-- 替换为实际路径 --> </body> </html> ``` 这段代码定义了页面的基本框架以及引入 Trae 的脚本位置。 #### 编写第一个组件 接下来，在 JavaScript 中编写一个简单组件以展示 Trae 功能： ```javascript import { createApp, h } from 'trae'; const app = createApp({ render() { return h('h1', null, 'Hello World!'); } }); app.mount('#app'); ``` 上述代码展示了如何通过 `createApp` 函数初始化一个新实例，并将其挂载至指定 DOM 节点上显示 “Hello World!” 文字。 #### 构建复杂界面 随着需求增长，可以利用更多特性如状态管理、路由导航等功能扩展应用逻辑；同时也可以集成其他第三方插件增强用户体验。 对于更详细的配置选项和其他高级特性的介绍，请参阅官方文档获取更多信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

神码小Z

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值