【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

目录
相关文章
|
5月前
|
人工智能 自然语言处理 IDE
AI编辑器trae的solo模式是什么?
Trae的SOLO模式是字节跳动推出的AI主导全流程自动化开发模式,支持自然语言输入需求,由AI完成从编码、测试到部署的完整链路。开发者作为“指挥者”可随时介入,适配原型搭建、项目迭代等场景,大幅提升效率。
2004 0
|
5月前
|
人工智能 JSON 自然语言处理
【2026最新最全】一篇文章带你学会Qoder编辑器
Qoder是一款面向程序员的AI编程助手,集智能补全、对话式编程、项目级理解、任务模式与规则驱动于一体,支持模型分级选择与CLI命令行操作,可自动生成文档、优化提示词,提升开发效率。
11403 10
【2026最新最全】一篇文章带你学会Qoder编辑器
|
5月前
|
存储 弹性计算 Linux
2026阿里云购买云服务器流程及注意事项(新用户指南)
在数字化场景中,个人和企业部署网站、APP 常需要服务器支撑。相比逐渐淘汰的虚拟主机和成本较高的独立服务器,云服务器凭借弹性扩展、性价比高的优势成为主流。阿里云 ECS(弹性计算服务)地域节点多、配置灵活,但新手容易在地域、实例规格等选择上困惑。下面结合最新信息,梳理阿里云服务器的购买流程和配置要点,帮新手高效完成选购。
|
JavaScript 网络协议 PHP
使用阿里云npm镜像加速
npm(node package manager)是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
5393 0
|
3月前
|
人工智能 自然语言处理 测试技术
AI都能生成测试用例了会取代测试工程师吗?
2026年大模型普及下,生成测试用例已成基础能力。真正分水岭在于:是被动使用AI输出,还是构建工程化生成体系——涵盖需求结构化、状态建模、提示词设计与自动校验。测试工程师的核心价值正从“写用例”跃升为“设计生成系统”。
|
3月前
|
人工智能 API 开发者
OpenClaw低成本云上及本地部署喂饭级指南:阿里云百炼Coding Plan API多模型配置实操(Qwen3.5-Plus、Kimi-K2.5、GLM-5)
在AI编程与自动化场景中,API成本过高是开发者普遍面临的痛点——高频次使用下,按token计费的模型服务往往带来不可预期的开支。2026年阿里云百炼Coding Plan的升级,为这一问题提供了高效解决方案:以固定包月模式聚合Qwen3.5-Plus、Kimi-K2.5、GLM-5等8款主流模型,一个API Key即可自由切换,大幅降低使用成本。
2309 7
|
5月前
|
机器学习/深度学习 监控 算法
基于深度学习的车牌识别系统
在智能交通快速发展背景下,传统车牌识别技术受限于复杂环境,难以满足高精度需求。深度学习凭借强大特征学习能力,显著提升识别准确率与鲁棒性,成为主流技术方向。本文综述基于YOLOv8等先进模型的研究进展,探讨系统实现关键步骤,推动智慧交通与城市治理智能化升级。
|
5月前
|
机器学习/深度学习 自然语言处理 安全
2026年语音机器人技术架构解析与企业选型指南
随着AI技术发展,语音机器人已广泛应用于政务、医疗、企业服务等领域。本文从技术架构、核心指标、场景适配等维度,系统解析语音机器人选型关键,助力企业科学决策,推动智能化升级。
|
5月前
|
存储 人工智能 数据库
到底什么是AI Agent?
Agent是具备感知、决策与行动能力的智能体,通过大模型(LLM)结合记忆(Memory)和工具(Tools)调用,实现自主规划与执行任务,如小爱同学自动点餐。其核心为:LLM + Memory + Tools + Planning。
3475 7