【2026最新最全】从零开始学 Trae:我的第一个贪吃蛇小游戏实战

简介: Trae是字节跳动推出的AI原生代码编辑器,支持智能补全、自动修Bug、多语言开发,集成doubao、DeepSeek等大模型,提供国内版与国际版,助力开发者高效编程。

一、Trae介绍安装和配置

1.1 常见的AI编辑器

# 什么是AI编辑器?
    -之前python开发,使用pycharm---》代码完全由我们自己编写--》自己调试--》自己修改bug--》直到开发完成
    -有了ai编辑器后,Trae---》代码完全由AI编写,我们可以参与---》ai自动运行--》自动修复bug【人的参与】--》直到项目开发完成
    -大白话:可以自动编写代码的编辑器,即便我们不会代码[java,python,go,c。。。],也可以开发出项目
    
# 1  Cursor:Anysphere 由几位麻省理工高材生在 2022 年创立,总部在纽约布法罗
    -2023年,Cursor发布
    -最初,Cursor 基于 Codemirror 构建,但为了专注于开发尖端 AI 功能,并打造一个原生支持 AI 配对编程的集成开发环境(AI-native IDE),Anysphere  Cursor 迁移至 VSCodium 的一个分支上,即微软 Visual Studio Code(VS Code)的开源版本
    -为了实现以更快的速度提供最前沿的 AI 功能,Cursor 引入了性能更优的 Claude/klɔːd/ 模型,将 Copilot++(智能代码补全等功能)的速度提高了大约两倍。此外,还引入了一个名为「Composer」的试验性功能(Beta 版),它使用户能够在单一编辑环境中操作多个文件
    -2025年3月,AI 编程神器 Cursor 新鲜出炉 Claude Max 模式(MAX 代表了最大智能),其核心优势在于处理大规模代码和复杂逻辑时表现出色,适合硬核开发者和大型项目。
    -Claude Max  Claude 3.7 的一种更强大配置,它以 Claude 3.7 Thinking 模型为基础。具有超强的创造力,能在其他模型失灵时脱颖而出,解决更复杂、更精妙的任务。
    -2025年6月17日,AI代码编辑器Cursor于宣布对其Pro计划进行重大升级,正式取消每月500次快速请求限制,推出备受期待的“无限使用”模式
    -收费,比较贵,25美刀一月,
    -底层使用Claude 大模型--》写代码比较强--》Claude 也自己推出了插件--》用来写代码
    
# 2 Trae /treɪ/-字节跳动推出出
    -地址:https://www.trae.cn/
    -2025年1月19日,字节跳动发布了一款面向专业的开发者提供服务的全新AI Coding产品Trae。
    -Trae面向希望提高编程效率、减少重复性任务的开发者,无论是初学者还是经验丰富的开发人员均可使用。
    -2025年2月,该工具上线Windows版,3月3日,字节跳动发布AI编程工具Trae国内版,Trae本质上是AI原生集成开发环境工具,有一体化的原生AI体验。
    -新发布的Trae国内版模型搭载doubao-1.5-pro,支持切换满血版DeepSeek-R1&V3 
    -6月12日消息,TRAE的整体月活已超100万
    -12月,更新很快,上线了solo模式。目前大部分人还用不了
    -TRAE 分国内版和国际版
        -国内版大模型:火山方舟,Deepseek。。
        -国际版国外大模型:Claude。。。
        
        
# 3 Windsurf /ˈwɪndsɜːrf/
    - Windsurf是一家于2021年成立的企业,专注于人工智能驱动的编程工具。
    - 2025  5  6 日,OpenAI 以约 30 亿美元(218 亿元人民币)的价格收购 AI 辅助的编程工具 Windsurf
    -下载地址:https://windsurf.com/editor
    - 有IDE和plugins
   
# 4 Copilot /ˈkoʊ.pɪ.lɑːt/
    -官网:https://github.com/features/copilot
    -Copilot是2023年5月24日微软在Windows 11中加入的AI助手,该AI助手是一个集成了在操作系统中的侧边栏工具,可以帮助用户完成各种任务。Copilot依托于底层大语言模型(LLM),用户只需说几句话,做出指示,它就可以创建类似人类撰写的文本和其他内容。

image.gif

1.2 Trae的下载和安装

官方下载地址:https://www.trae.cn/ide/download

image.gif


一直下一步就行。

注册账号,登录,软件会打开网页--》网页端登录后--》自动软件端也登录了。


1.3 普通模式和solo模式

image.gif


# 1 开启solo模式,目前只有两种方案
    1 社交媒体别人分享的链接--》使用
    2 好友邀请--》你的好友开了solo模式---》只能邀请一个人
    
# 2 solo算是测试模式--》目前没有完全开放,后期肯定就开放了
# 3 普通模式和solo模式有什么区别
    -普通模式:
        -编辑器,我们输入提示词,编辑器自动写代码--》写完代码后--》需要我们人工确认代码留还是不留
        -我们自己做饭--》ai编辑器算打下手的--》西红柿炒鸡蛋--》想要鸡蛋,ai编辑器给你鸡蛋,想要西红柿,ai编辑器把西红柿切好给我们---》最终炒出菜
    -solo模式
        -纯ai编写,我们输入提示词后--》自动编写,自动创建文件,自动运行,修复bug
        -全能的做饭厨师--》帮我炒一个西红柿炒鸡蛋---》剩下就是等着吃
        
        
# 4 ai编辑器毕竟刚发展了没几年---》中小型项目,问题不到;但是大型项目,就力不从心了
    -如果ai编辑器能生成大型项目了,所有程序员都失业了
    -目前只是初中级的程序员失业了
    
    -修改程序--》需要读你目前已经写的代码---》按token--》传到后端---》代码量特别大--》传入的token就无法把所有代码都传过去
    -大模型写好后,输出token---》也不能太大,太大了也会超token

image.gif

1.4 配置字体大小

image.gif


image.gif


打开后,是一个json文件,我们把下面的配置粘贴到json文件中。

{
    "workbench.colorTheme": "Deep Blue",
    "editor.fontSize": 13,   // 编辑器字体大小
    "editor.mouseWheelZoom": true, //ctrl+鼠标滚轮放大缩小
    "window.zoomLevel": 1.3  // 数值可调整,正数为放大,负数为缩小
}

image.gif

image.gif


1.5 安装python插件

# 1 这个编辑器可以开发任意语言代码,但是要运行,需要有插件的支持
    -python---》项目后端使用python---》能运行python
    -你先要装python解释器---》默认你们装好了
    -装插件--》右键代码--》直接执行python
    -如下图

image.gif

image.gif


1.6 创建并编写项目

我们先创建一个空文件夹,当做我们的项目根目录。

image.gif


image.gif


image.gif


image.gif


二、Trae开发贪吃蛇小游戏

# 1 网页端运行的 贪食蛇小游戏
# 2 如果让一个成手开发写,也要写很久
# 3 使用Trae几分钟完事
# 4 输入提示词:
使用html,css和js帮我写一个贪食蛇项目,写入到: ,并运行

image.gif

image.gif


image.gif


image.gif

目录
相关文章
|
2月前
|
架构师 关系型数据库 MySQL
【Java架构师体系课 | MySQL篇】③ Explain执行计划详解
Explain用于分析SQL执行计划,通过模拟优化器行为揭示查询性能瓶颈。它展示索引使用、扫描行数等信息,帮助优化查询语句,提升数据库效率。
238 6
【Java架构师体系课 | MySQL篇】③ Explain执行计划详解
|
2月前
|
消息中间件 存储 负载均衡
【高可用】什么是异地多活、同城容灾?
异地多活与同城容灾均为提升系统高可用的分布式架构。前者实现跨地域数据中心实时同步与故障切换,保障全球服务连续性;后者聚焦同城内快速容灾,通过高速网络实现低延迟、高可靠的数据同步与负载均衡,适用于对延迟敏感的业务场景。
138 11
|
2月前
|
存储 算法 关系型数据库
【Java架构师体系课 | MySQL篇】② 深入理解MySQL索引底层数据结构与算法
InnoDB索引为何采用B+树?本文由浅入深解析二叉树、红黑树、B树的缺陷,详解B+树的结构优势:非叶子节点不存数据、叶子节点有序且双向链接,支持高效范围查询与磁盘预读,三层即可存储两千多万数据,极大提升查询性能。
197 7
|
2月前
|
关系型数据库 MySQL Java
【Java架构师体系课 | MySQL篇】⑦ 深入理解MySQL事务隔离级别与锁机制
本文深入讲解数据库事务隔离级别与锁机制,涵盖ACID特性、并发问题(脏读、不可重复读、幻读)、四种隔离级别对比及MVCC原理,分析表锁、行锁、间隙锁、临键锁等机制,并结合实例演示死锁处理与优化策略,帮助理解数据库并发控制核心原理。
211 4
|
2月前
|
SQL 架构师 关系型数据库
【Java架构师体系课 | MySQL篇】⑤ 索引优化实战一
本文深入解析MySQL索引优化原理,涵盖联合索引使用、覆盖索引、索引下推、filesort排序机制及trace工具分析执行计划选择等内容,并结合实际案例提供索引设计原则与SQL优化策略。
133 5
|
2月前
|
存储 缓存 关系型数据库
为什么MySQL8.0 要取消查询缓存?
MySQL查询缓存曾用于提升SELECT性能,通过缓存结果避免重复执行,但因频繁失效、内存开销大、一致性问题及不均查询分布等缺陷,自8.0版本起被彻底移除,以优化整体性能与维护性。
138 1
|
2月前
|
SQL 存储 关系型数据库
MySQL中到底什么是覆盖索引、索引下推?
覆盖索引指查询只需通过索引即可获取数据,无需回表,提升查询效率。索引下推则在索引遍历时提前过滤条件,减少回表次数,尤其适用于联合索引中部分字段无法使用的情况,二者均能显著降低I/O开销,提高查询性能。(238字)
288 1

热门文章

最新文章