如何从0-1用trae开发小程序

点击右上角应用。然后在文件夹找到它，双击浏览器打开，测试。效果不太对，生成的图片如下，重叠的部分盖住了之前的图片～～把结果贴给AI，把错误现象和期望的表现描述一下。让AI再迭代。AI第一次改把程序改得更糟糕了，可能是忘了最开始的要求是啥。于是把最初的图片也贴给它做对比。这下成功了。还有个小问题，再改。三轮对话终于搞定。接下来做保存功能。再调整细节：后面这几步，对程序员来说是宁可直接撸代码的。但测功能嘛总得测全了，看技术小白是不是也能搞定。实验下来很顺畅。是的，就这么简单。公众号回复“字幕图片”，获取源代码。保存成.html文件，在浏览器打开就能用。我是在技术和教育圈来回串的贪玩的好奇星人。欢迎点赞点收藏关注加星。也期待多多评论区交流。我曾写过的与AI编程有关的文章

大家好，这里是玩AI的程序猿爽哥，专注AI工具、AI智能体、AI动态分享，欢迎大家关注！一、什么是Trae？Trae是字节跳动推出的智能编程助手，提供基于Agent的AI自动编程能力，使用自然语言对话就能实现代码编写。二、Trae的功能除了提供传统的IDE功能，包括代码编写、项目管理、插件管理、源代码管理等，还提供以下功能：智能问答在编写代码时，你可以随时与AI助手对话，获得代码解释、代码注释和错误修复等帮助。实时代码建议AI助手能够理解当前代码并在编辑器中实时提供代码建议，提升编程效率。代码片段生成通过自然语言描述你的需求，AI助手将生成相应的代码片段，甚至能够编写项目级或跨文件的代码。从0到1开发项目告诉AI助手你想开发的程序，AI助手将根据你的描述提供相关代码或自动创建所需文件。三、下载Trae官网下载地址：https://www.trae.ai/download支持Mac系统、Winfows系统、未来支持Linux系统四、使用方法1、安装：下载完成后按照界面提示一步步安装即可2、登录：安装完成以后看到下面的界面，点击右侧登录按钮3、程序自动打开一个网页提示你登录，如果没有账号的话需要先注册登录完之后呢，你会发现一个提示”App Unavailable“，意思是App不可用，这是因为Trae仅在部分地区可用（此时需要开启科学上网）4、网页登录成功之后可以把科学上网关掉了，再点击中间这个大的按钮

结合课程内容，完全可以做一些课堂互动小游戏，来活跃课堂气氛，寓教于乐！制作这样的小应用也很简单，一切交给Trae！以下是我的完整操作过程：首先右下角选中“DeepSeek-R1”--这一点是本文的基础，因为这个模型的脑回路不一般。然后尝试让AI给你设计一个小游戏。“用HTML来实现”这句话很重要，意味着我们不需要额外的环境配置和安装，一个随时随地都能打开使用的网页小游戏是非常方便的。它很快完成了一个自带得分系统的小游戏，点击代码框右上角的应用就制作了这么一个网页小游戏。找到存放这个网页的文件夹，打开就能使用了。在这个小游戏上，AI很贴心的设计了，每次在回答完成后自动制作新题目。看着这个页面时我想到了，是不是给这个小游戏加个倒计时系统，增加学生的注意力专注度。很简单，告诉AI，让它改即可。一顿操作猛如虎，又是咔咔一通代码生成，又是点击“应用”即可。结果它写错了，打开网页发现压根没有倒计时--很正常，现在AI的能力还没那么强--把错误告诉它，让它自己改就行。（实测这里把模型切换到deepseek-V3成功率会高一些，也可以多换换其他模型来尝试。）这下终于完成了，一个紧张有挑战的倒计时来也：