【AI4CODE】2 Trae 锤一个 To-Do-List

【AI4CODE】目录

【AI4CODE】1 Trae CN 锥安装配置与迁移


Trae安装好了,先锤一个To-Do-List试试。

1 创建一个TraeTa锤ta测试文件夹

  1. 创建TraeTa文件夹
    比如:TraeTa
D:\NewThing\TraeTa
  1. 在Trae CN 打开TraeTa
    【文件】-【打开文件夹】
    在这里插入图片描述
    【信任文件夹并继续】
    Trae会打开一个新IDE实例窗口,信任继续
    在这里插入图片描述
    信任继续
    在这里插入图片描述

2 开锤 Trae

打开AI侧栏并切换到 Trae-Builder 模式。

2.1 先用 Doubao-1.5 pro 模型锤

  1. 输入要求
构建一个web版的 To do list 应用

在这里插入图片描述
2. 构建过程如下:
在这里插入图片描述
3. 全部接受
在这里插入图片描述4. 运行
在这里插入图片描述
启动 http 服务

在这里插入图片描述

  1. 预览
    在这里插入图片描述
    添加任务试试
    在这里插入图片描述
    关掉页面再打开看看
    在这里插入图片描述
    好不容易输入的任务没有了,这不行啊,继续提要求保存到本地。

  2. 数据保存到本地
    在这里插入图片描述
    思考中…
    在这里插入图片描述
    全部接受,运行,预览,输入
    在这里插入图片描述
    关闭,再打开,

在这里插入图片描述
还是没保存上?啥情况翻车了吗?

用 Live Server 试试,是可以的,是不是 Trae 的 Webview 有问题呢?不理Ta了。
在这里插入图片描述
可以吧,需求虽然简单,我一行代码也没写,我也不会写。

2.2 Deepseek R1 锤一个 To-do-list

首先删除豆包构建的to-do-list 应用,并删除原来的会话记录,否则,Trae会根据会话上下文,构建完善。

  1. 切换 到 Deekseek R1
    开启新会话,模型切换到 DeepSeek R1
    在这里插入图片描述
  2. 输入上面的需求描述

在这里插入图片描述
在这里插入图片描述
全部接受。

  1. 用 Live Server 打开看看效果
    在这里插入图片描述
    原来的本地存储显示不出来,是否是字符集的问题,看看能否删除重建。
    点【删除】按钮一下,3个全删除了,添加几个试试。
    在这里插入图片描述
    可以可以,关闭服务重启,数据还在,就是不太美观,看看能否美化一下。
  2. 美化一下
    追加需求
美化一下,比如删除按钮靠右对齐

在这里插入图片描述
在这里插入图片描述
5. 看看美化以后的效果
在这里插入图片描述
哈哈,可以啊。

2.3 Deepseek V3

  1. 需求多提点看看
构建一个 web 版的 to do list ,技术栈 html/css/javescript,要求简洁大方

很快就完成了。
2. 构建过程
在这里插入图片描述
3. 看疗效
在这里插入图片描述

3 那里不会锤那里


本文完

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值