零基础秒变程序员!Trae无需魔法,免费使用!Trae基础教程!
大家好,我是李飞!今天给大家带来一个AI神器 —— Trae AI编程助手!作为一个连"Hello World"都要查教程的编程小白,居然可以用它在一天内开发出了两个小程序!这波操作简直是让人惊呆了!https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F6ebcfaf2j00std2xr0080d200r400d2g00it0092.jpg&thumbnail=960x2147483647&quality=75&type=webpTrae:编程小白的救星!说实话,每次看到程序员朋友敲代码的样子,我都羡慕得不行。那些神秘的代码在他们手中如行云流水,而在我这里却是天书一般...直到我遇见了Trae !Trae AI是什么?简单来说,它就是一个能听懂人话的AI编程助手!你只需要用白话文告诉它你想做什么,它就能帮你把想法变成真正可运行的程序!对于我这种"看到代码就头大"的人来说,简直是救命稻草啊!上手Trae :so easy!安装Trae AI超级简单,从官网下载安装包,官方网站:https://www.trae.com.cn/homehttps://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F4ae32e54j00std2xs006ud200u000e9g00it008x.jpg&thumbnail=960x2147483647&quality=75&type=webp
打开安装包一路下一步就搞定了。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2Fb02eda17j00std2xt001nd200ju00g3g00au008s.jpg&thumbnail=960x2147483647&quality=75&type=webp
打开之后前面选项都可以跳过,出现这个添加命令行的时候安装一下就可以了。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2Fea6007f5j00std2xw001ud200u000keg00bf007r.jpg&thumbnail=960x2147483647&quality=75&type=webp
然后来到登录界面,会自动跳转到网页上,是正常的!直接手机号验证登录酒行了!https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F3b330311j00std2xw001fd200kr00j8g00au00a1.jpg&thumbnail=960x2147483647&quality=75&type=webp
登录账号后,显示这个就可以返回 trae了。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F24d5d948j00std2xx000wd200mu00eng00bw007m.jpg&thumbnail=960x2147483647&quality=75&type=webp
映入眼帘的是清爽简洁的界面,完全不像那些让人望而生畏的专业编程软件。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2Fc85affafj00std2xx002vd200u000k0g00d5008r.jpg&thumbnail=960x2147483647&quality=75&type=webp
Trae分为国内版和国际版!功能基本一样,只是可以使用的大模型不同。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F1a420696j00std2xy0016d20094007qg0094007q.jpg&thumbnail=960x2147483647&quality=75&type=webp
如果你有使用国际版的条件,可以到国际版官网http://trea.ai/。下载国际版,国际版更强! 今天的内容我们使用的都是国内版的Trae。 第一个项目:贪吃蛇游戏好了,开始我们编程处女作!
[*]
打开Trae AI,选择Builder模式,第一次需要启用Builder模式。
https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F0d694712j00std2xz002rd200u000k0g00it00cj.jpg&thumbnail=960x2147483647&quality=75&type=webp
[*]
像我们这种不懂代码的小白,第一次使用ai编程工具肯定也不知道做一个什么程序好。Trae也是很懂我们,帮我想好了一个贪吃蛇的小游戏,一个是待办事项工具。
https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F1f18eb37j00std2y00039d200u000k0g00it00cj.jpg&thumbnail=960x2147483647&quality=75&type=webp
点击生成贪吃蛇游戏。它就会自动帮我来完成这个小游戏的开发!但是还是有个问题,我们 没有告诉它开发的文件代码存放到哪里。可以看到Trae已经提醒我们了,让我选择一个文件夹来保存项目文件。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2Ff316c143j00std2y1003gd200u000k0g00it00cj.jpg&thumbnail=960x2147483647&quality=75&type=webp
找一个你容易找到的位置(你是不是放到你的桌面了!这个习惯很不好!),新建一个文件夹,我给它起个一个看起来很专业的名字(是不是有那味了!),选择它!https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2Fc9fcf77dj00std2y1001md200qn00gog00it00br.jpg&thumbnail=960x2147483647&quality=75&type=webp
如果提示安全信任什么的就点允许、信任行了!https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2Fe04b821bj00std2y2005dd200u000k0g00it00cj.jpg&thumbnail=960x2147483647&quality=75&type=webp
然后...就没有然后了!Trae AI直接开始生成代码,这里可以看到我选择的是Deepseek R1模型。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2Fe8b877fdj00std2y2007pd200u000k0g00it00cj.jpg&thumbnail=960x2147483647&quality=75&type=webp
几分钟后,一个完整的贪吃蛇游戏就诞生了!按照它的提示来运行一下预览一下效果。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F12652b30j00std2y300b7d200u000k0g00it00cj.jpg&thumbnail=960x2147483647&quality=75&type=webp
或者到文件夹里打开生成的index.html文件,就能看到我们的"作品"了!
https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F76779dbfg00std2y400end200ik00esg00ik00es.gif&thumbnail=960x2147483647&quality=75&type=webp
当我用方向键控制小蛇吃到第一个食物时,那种成就感简直无法形容!第二个项目:To-Do List应用尝到甜头后,我们再挑战一个实用的项目 —— To-Do List应用。我和你们一样,看到这个to-Do也不知道是什么东西!遇事不决问豆包!https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F603360eej00std2y500dcd200u000jpg00it00cc.jpg&thumbnail=960x2147483647&quality=75&type=webp
就是一个可以记录待办事项的小工具,可以添加、删除和标记完成状态。当然,我们有了Trae之后也可以在这里直接问。切换到Chat模式问了一下,AI解释得超详细!Chat模式对我们0代码基础的用户来说更像是在网页上使用Deepseek一样。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2Fd0e8483dj00std2y5008ed200u000l8g00it00da.jpg&thumbnail=960x2147483647&quality=75&type=webp
不知道怎么和Builder模型下的AI对话告诉它们的需求的时候,也可以切换到Chat模式下:比如我想开发一个俄罗斯方块,应该怎么和AI编程软描述我的需求?https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2Fb28f8e02j00std2y700a8d200u000jkg00it00c9.jpg&thumbnail=960x2147483647&quality=75&type=webp
好了,我们继续开发我们第二个程序!我们点击程序左上角“文件”找到“打开文件夹”。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F4312f3faj00std2y8008ld200rx00q4g00it00hl.jpg&thumbnail=960x2147483647&quality=75&type=webp
创建新文件夹,和贪吃蛇的项目文件区分开。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2Fa9808794j00std2y9007sd200u000j4g00it00bz.jpg&thumbnail=960x2147483647&quality=75&type=webp
Trae会从新打开一个新的窗口。之前的贪吃蛇的界面就可以关闭了。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F43f24f3cj00std2ya0042d200u000d6g00it0089.jpg&thumbnail=960x2147483647&quality=75&type=webp
回到回到 Builder模式。描述需求:使用 web 技术栈生成 个 To-Do list 应用。https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2Fca35d555j00std2ya002hd200hp00bxg00hp00bx.jpg&thumbnail=960x2147483647&quality=75&type=webp
OK!生成完毕,我们的提示词也是让他使用Web网页的形式来实现,和刚才的贪吃蛇差不多。在文件夹下直接打开index.html就可以看到了!可以添加任务、标记完成、删除任务,甚至还有本地存储功能,https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0319%2F6429ddaej00std2yb002gd200u000g3g00it00a2.jpg&thumbnail=960x2147483647&quality=75&type=webp
这一刻,我感觉自己仿佛从"不懂代码星人"秒变"全栈工程师"!虽然实际上我只是输入了几句话而已...但这种感觉,真的太爽了!与AI对话的小技巧在使用过程中,我发现了一些与Trae AI交流的小技巧:1. 描述要具体:比如不要只说"我要做个游戏",而是"我要做一个可以在网页上运行的贪吃蛇游戏,用方向键控制移动"2. 遇到不懂的概念,切换到Chat模式问:比如我不知道To-Do List应用是什么,就直接问AI,它会耐心解释3. 不知道怎么描述需求也可以问AI:"我想开发一个俄罗斯方块,应该怎么描述我的需求?"对于我们零基础用户来说,Chat模式就像是一个随时待命的编程老师,有什么不懂的都可以问!下一步:把作品放到网上炫耀!完成了两个小程序后,下一步当然是放到网上让朋友们都能访问啦!这样就可以把链接发给不懂AI的朋友们,让他们见识一下你(夸)的(你)厉(牛)害(B)!具体怎么部署到网络上,下次再和大家分享。敬请期待我的后续文章!AI时代,人人都能成为开发者通过Trae AI的体验,我真的感受到了AI技术带来的巨大变革。以前编程是少数人的技能,现在借助AI,人人都可以将想法变成现实。对于零基础用户来说,Trae AI的学习路径超级友好:
[*]
4. 从Builder模式开始,体验全自动生成的乐趣
[*]
5. 慢慢了解一些基本概念,通过Chat模式学习
[*]
6. 逐渐尝试修改和优化AI生成的代码
我相信,随着AI技术的发展,未来"会编程"将不再是一种稀缺技能,而是像"会用Word"一样普及。而Trae AI正是这场革命的先行者!好了,今天的分享就到这里。如果你也是编程小白,赶紧去试试Trae AI吧!说不定明天你就能给我发来你的第一个程序了呢!你们有什么想用AI开发的小程序创意?欢迎在评论区留言分享!记得点赞,推荐,转发三连!我是李飞,我们下期再见,拜拜啦~
页:
[1]