Trae AI编程快速上手:半小时完成年会抽奖程序

雨明吖_4403

雨明吖_4403

2025-04-23

854人浏览

原创

朋友们,今天我迫不及待地体验了新上线的trae国内版,这款ai智能ide号称是国内版的claude。晚上我下载并安装了trae,并用它创建了一个年会抽奖程序,以便与claude进行对比。下面是我的详细体验报告!

安装与启动

下载地址:https://www.php.cn/link/da2c3c83254159e9dadcf74923222e2b

打开网站后,根据你的操作系统选择相应的版本。我使用的是Windows系统,直接下载并按照提示一步步安装。

安装完成后,打开Trae,其界面非常简洁:

Trae AI编程快速上手:半小时完成年会抽奖程序

这里会进行一些配置,点击开始按钮,继续下一步:

Trae AI编程快速上手:半小时完成年会抽奖程序

选择你喜欢的主题,我选择了亮色,黑色和深蓝配色也很棒,你可以选择一个适合自己的颜色。选择后继续:

Trae AI编程快速上手:半小时完成年会抽奖程序

由于Trae基于VS Code开发,完全兼容VS Code的插件和配置。为了测试,我选择跳过导入插件,稍后验证完开发功能再决定是否导入。跳过后继续:

Trae AI编程快速上手:半小时完成年会抽奖程序

添加命令行,Trae可以通过命令行启动。虽然用处不大,但我选择了安装,这样在命令行中启动Trae会更方便。安装完成后继续下一步:

Trae AI编程快速上手:半小时完成年会抽奖程序

这里是配置的最后一步。刚开始我选择跳过,但打开后发现如果不登录,就无法使用AI功能。因此我点击了登录。浏览器会打开,登录完成后会对Trae授权。目前支持两种登录方式:

  • 手机号登录
  • 掘金账号登录

我使用手机号进行登录。登录后打开编辑器:

Trae AI编程快速上手:半小时完成年会抽奖程序

界面依然简洁,左侧是工作区,右侧是AI助手面板。

AI编程配置

登录后,AI面板会展示两种模式:Chat模式和Builder模式。

Trae AI编程快速上手:半小时完成年会抽奖程序

Chat模式

Trae的Chat模式在左侧面板展示一个对话框,用来输入我们想要AI帮助解决的问题。窗口底部右侧可以选择使用的AI模型:

Trae AI编程快速上手:半小时完成年会抽奖程序

目前支持的模型有:

python-flask-vue-creator
python-flask-vue-creator

创建 Flask + Vue.js 全栈项目,采用单端口架构、uv 依赖管理、结构化日志和生产级前端设计。当用户要求以下操作时触发:创建新的 Flask+Vue 项目、搭建 Web 应用、构建全栈 Python+Vue 应用、初始化 Flask Web 项目、设置单端口 Flask 前后端项目。触发词:新建项目、创建项目、搭建项目、Flask项目、Vue项目。

下载
  • Doubao-1.5-pro(默认)
  • DeepSeek-Reasoner(R1)
  • DeepSeek-Chat(V3)

这些模型都是免费无限量使用的,我们可以随意提问,速度非常快。相比于让AI给出编程提示,我更喜欢Builder模式,因此快速跳到下一节,期待已久的Builder模式!

Builder模式(Alpha)

在切换模式时可以明确看到,Builder模式仍处于Alpha阶段,功能可能会不稳定(所以使用过程中我们要多一些包容,慢慢尝试,细心引导):

Trae AI编程快速上手:半小时完成年会抽奖程序

启动后,我们可以看到和Chat模式相似的窗口:

Trae AI编程快速上手:半小时完成年会抽奖程序

在Builder模式中,我们可以使用两种大模型,分别是(字节自家的豆包还不支持):

  • DeepSeek-Reasoner(R1)
  • DeepSeek-Chat(V3)

我选择了DeepSeek R1,在对话框里输入:

帮我生成一个基于网页的抽奖程序,要求采用Vue来进行开发,界面简洁,易于使用

回车,让代码飞一会儿~

Trae AI编程快速上手:半小时完成年会抽奖程序

Trae在执行命令时,会停下来让我们审阅和运行。我们点击运行,Trae会帮我们运行创建项目的命令。接下来每一个步骤都会询问我们(个人感觉有点烦哦,可能是Alpha的原因),命令行里执行代码也需要选择和确认:

Trae AI编程快速上手:半小时完成年会抽奖程序

项目生成完之后,又通过几个指令对功能进行微调,全程没有输入一行代码,仅告诉Trae需要什么,要进行哪些修改,耗时半个小时左右,完成了一个效果还说得过去的抽奖程序:

Trae AI编程快速上手:半小时完成年会抽奖程序

(为啥总是写抽奖程序呢?因为刚入坑的时候,几乎每年都有朋友问我要抽奖程序。这回好了,AI可以帮他们搞定~)

总结

朋友们,今天这篇文章只能算是Trae的初体验,但我已经被Trae AI IDE震撼了。尽管目前Trae还处于Alpha阶段,但功能已经如此强悍了,代码辅助、自动编码、代码补全……后面会对我们的开发提供什么样的帮助,让我们一起期待吧~

推荐阅读

编程神器!Cline+DeepSeek零门槛对话式编程,小白变全栈

清华大学DeepSeek教程下载地址分享

Trae AI编程快速上手:半小时完成年会抽奖程序

? 创作不易,如果这篇文章对你有帮助,欢迎❤️关注、?点赞支持,并️转发给那些需要的朋友!关注 拓荒者IT 获取更多精彩内容!

在线游戏
在线游戏

海量精品小游戏合集,无需安装即点即玩,休闲益智、动作闯关应有尽有,秒开即玩,轻松解压,快乐停不下来

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.18

6407

5

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

2023.08.10

2688

6

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.26

3359

3

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.07.27

2918

6

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

2023.08.01

1528

3

windows查看端口被占用的情况
windows查看端口被占用的情况

windows查看端口被占用的情况的方法:1、使用Windows自带的资源监视器;2、使用命令提示符查看端口信息;3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.02

2659

5

windows无法访问共享电脑
windows无法访问共享电脑

在现代社会中,共享电脑是办公室和家庭的重要组成部分。然而,有时我们可能会遇到Windows无法访问共享电脑的问题。这个问题可能会导致数据无法共享,影响工作和生活的正常进行。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.08.08

3330

4

windows自动更新
windows自动更新

Windows操作系统的自动更新功能可以确保系统及时获取最新的补丁和安全更新,以提高系统的稳定性和安全性。然而,有时候我们可能希望暂时或永久地关闭Windows的自动更新功能。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.10

1677

3

windows boot manager
windows boot manager

windows boot manager无法开机的解决方法:1、系统文件损坏,使用Windows安装光盘或USB启动盘进入恢复环境,选择修复计算机,然后选择自动修复;2、引导顺序错误,进入恢复环境,选择命令提示符,输入命令"bootrec /fixboot"和"bootrec /fixmbr",然后重新启动计算机;3、硬件问题,使用硬盘检测工具进行扫描和修复;4、重装操作系统。本专题还提供其他解决

2023.08.28

2517

4

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app快速上手
uni-app快速上手

共0课时 | 0人学习

Vue 教程
Vue 教程

共42课时 | 17.3万人学习

Vue3.x 工具篇--十天技能课堂
Vue3.x 工具篇--十天技能课堂

共26课时 | 2.6万人学习