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

AI 时代程序员必备技能

Codex、Claude Code、Cursor、Hermes Agent、OpenClaw等工程化实战专栏 ,讲透 AI 如何接管脏活累活

【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 那里不会锤那里


本文完

AI 时代程序员必备技能

Codex、Claude Code、Cursor、Hermes Agent、OpenClaw等工程化实战专栏 ,讲透 AI 如何接管脏活累活

内容概要:本文介绍了 Trae Builder 模式,这是一种基于自然语言处理和智能代码生成技术的创新开发模式,旨在简化应用程序的开发过程。开发者只需用自然语言描述需求,Trae Builder 即可自动生成代码框架。文章详细描述了如何使用 Trae Builder 创建一个 To-Do List 应用,涵盖环境准备、项目结构生成、核心功能实现(如任务添加、删除、标记完成和查看任务列表)、本地存储、界面样式优化、功能测试及性能优化等内容。通过 Trae Builder,开发效率显著提升,非专业开发者也能轻松参与应用开发。最后,文章探讨了 Trae 技术的发展趋势及其对编程行业的影响。 适合人群:具备一定编程基础的研发人员,尤其是希望提高开发效率、简化项目搭建过程的开发者,以及有兴趣尝试自然语言编程的非专业技术人员。 使用场景及目标:①快速搭建项目框架,减少手动编写代码的工作量;②通过自然语言描述需求,自动生成代码,降低开发门槛;③优化项目结构和功能,提高开发效率;④进行功能测试和性能优化,确保应用的质量和稳定性。 其他说明:Trae Builder 模式不仅提高了开发效率,还降低了编程门槛,让更多人能够参与到应用开发中。未来,Trae 技术有望支持更多编程语言和框架,进一步提升自然语言处理的准确性,并与其他先进技术融合,推动编程行业的变革和发展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值