Cursor太贵?字节Trae可免费用Claude,10分钟带你实现全栈开发

我正在参加Trae「超级体验官」创意实践征文, 本文所使用的 Trae 免费下载链接: www.trae.ai/?utm_source...

作为一名开发者,你是否曾为了提高开发效率,尝试过各种AI编程工具

或者你不会开发,但想借助AI编程将自己的想法落地

Cursor无疑是其中的佼佼者,但其高昂的订阅费用也让不少开发者望而却步。

现在,你的福音来了!字节跳动推出了一款全新的AI IDE------Trae 。它不仅提供了原生中文支持人性化 的交互体验,更令人惊喜的是,Trae默认标配了强大的Claude 3.5和GPT4.0 ,并且目前处于限时无限量免费使用阶段!

这意味着你可以零成本体验到AI驱动的编程加速,大幅提升开发效率。

Trae的优势不仅仅在于免费使用Claude 3.5和GPT4.0。它还具备以下亮点:

  • 强大的Builder功能: 可以从零开始开发完整的项目。AI根据开发者需求,自动调用一系列工具来响应指令,精准拆解任务,确保开发过程高效。
  • 全中文界面和本地化设计: 为中文开发者提供了更加流畅的开发体验,即使是不懂代码的初学者也能轻松上手。
  • 集成常用开发工具和插件: 支持从VS Code或Cursor进行配置迁移,降低迁移成本。

为了让大家更直观地了解Trae的强大功能,我将在10分钟开发一个目前在小红书最火的《给老外起中文名字》网站。

先给大家看看成品,分别是电脑端和手机端看的效果。

null
null

接下来我们开始实操,首先是安装和注册 Trae,目前只支持Mac

官网地址:
www.trae.ai/home

接着新建一个文件夹 ,命名为"给老外起中文名字"。在Trae中打开这个文件夹,并在右方切换到"Builder"模式

null

接着输入提示词,提示词如下:

markdown 复制代码
产品愿景:
开发一款基于Web的智能英文名转中文名推荐系统,旨在为外国友人提供兼具文化内涵和个性化的中文姓名方案。系统以简洁的英文界面呈现,并为每个推荐的中文名提供详尽的文化解读,帮助用户深入了解中国传统文化中姓名的寓意。

核心功能:
1. 智能中文名生成:
  - 输入:用户的英文名(支持单独的名或"姓+名"格式)。
  - 输出:三个独特的中文名方案,每个方案需满足以下标准:
    - 发音相似性:尽可能在发音上贴近原英文名。
    - 符合规范:遵循中国传统的起名习惯和规范。
    - 寓意美好:名字的字义优美,组合得当,寓意积极向上。
    - 文化恰当性:避免任何文化禁忌或不恰当的含义。

2. 文化解读(针对每个推荐的中文名):
  - 单字释义:逐个解释名字中每个汉字的含义。
  - 整体寓意:阐述整个名字的综合寓意。
  - 文化内涵:解释名字所蕴含的中国传统文化元素。
  - 个性特质:描述该名字所暗示的性格特征。
  - 英文翻译:提供针对名字寓意的清晰英文解释,方便外国用户理解。

3. 用户体验:
  - 简洁界面:界面设计简洁直观,易于操作。
  - 便捷流程:用户完成姓名转换的操作步骤不超过三步。
  - 清晰展示:结果清晰易懂地呈现给用户。
  - 增强功能:支持用户收藏和导出喜欢的名字方案。

示例效果:
输入:Michael
输出示例:
1. 米凯乐 (Mi Kai Le)
   - 寓意:凯旋欢乐
   - 英文解释:One who brings joy and triumph
   - 文化内涵:象征积极向上,充满活力

2. 明凯洛 (Ming Kai Luo)
   - 寓意:聪明开朗
   - 英文解释:Bright and cheerful spirit
   - 文化内涵:展现智慧与开放的胸怀

3. 麦克龙 (Mai Ke Long)
   - 寓意:卓越非凡
   - 英文解释:Distinguished and extraordinary
   - 文化内涵:体现独特个性与远大志向

核心价值:
  - 提供个性化、富有文化内涵的中文名字选择。
  - 促进中外文化交流与理解。

Trae自动生成代码文件,生成完成后,我们需要点击"全部接受",然后点击"运行"。

null

运行后打开网站,显示报错了,所以我让它修改。

null

这个问题修复后,再次运行,出现了新问题,我把问题复制给它修改。

null

这次修复后,就正常运行啦。

null

可以看到目前的样式不美观,因此我让它进行修改。

null

修改后样式好看很多。

现在也快春节啦,因此我继续让它把UI设计得喜庆一些。

同时,接入大模型进行智能生成,我用的是智谱的GLM-4。提示词如下。

markdown 复制代码
我想使用智谱AI的大模型GLM-4 flash,通过大模型生成姓名。我的API Key是......。请你帮我:

1.  仔细思考并设计合适的Prompt,以确保生成的姓名符合我期望的格式(例如:中文姓名、英文姓名等,以及是否需要考虑寓意等因素)。
2.  根据智谱AI的API文档(<https://bigmodel.cn/dev/api/normal-model/glm-4>)和我的API Key,对接GLM-4 flash模型,并进行测试。

请先确认是否可以完成以上任务,然后再开始实际操作。
null

我们可以看到它生成的提示词,这次一次生成就可以成功运行啦。

null
null

通过这个简单的例子,我们可以看到Trae在提高开发效率方面的巨大潜力。即使是全栈项目,Trae也能通过其强大的AI能力,帮助我们快速搭建原型,完成开发。

Cursor最近不太稳定,免费额度也有限。Trae的出现填补了这一空白,让更多人能够享受到AI带来的便利。

如果你正在寻找一款Cursor的替代品,或者想要体验AI驱动的编程新方式,不妨试试Trae,相信它会给你带来意想不到的惊喜!

今年,或许就是AI编程普及应用的开始!

如果觉得不错,随手点个赞吧,如果想第一时间收到推送,也可以关注下我~谢谢你看我的文章,我们,下次再见。

相关推荐
五月君2 小时前
Windsurf 发布Wave 2,Web实时搜索、URL上下文、自动化记忆等一大波新功能来袭!
aigc
是店小二呀7 小时前
【2024年CSDN平台总结:新生与成长之路】
数据库·人工智能·程序人生·aigc·音视频
杀生丸学AI12 小时前
【三维分割】Gaga:通过3D感知的 Memory Bank 分组任意高斯
aigc·三维重建·nerf·视觉大模型·3dgs·三维高斯溅射·分割一切sam
好评笔记1 天前
AIGC视频生成模型:ByteDance的PixelDance模型
论文阅读·人工智能·深度学习·机器学习·计算机视觉·aigc·transformer
GISer_Jing1 天前
大语言模型LMM学习路线—从入门到进阶
深度学习·机器学习·aigc
灵魂画师向阳1 天前
SD换脸插件Reactor的安装教程
人工智能·ai作画·stable diffusion·aigc·midjourney
好评笔记1 天前
AIGC视频生成国产之光:ByteDance的PixelDance模型
论文阅读·人工智能·深度学习·机器学习·计算机视觉·面试·aigc
嘟嘟实验室1 天前
LatentSync数字人,一键批量,口型同步,MPS加速(WIN/MAC)
人工智能·macos·aigc·数字人
剑盾云安全专家2 天前
如何用AI智能生成PPT,提升工作效率和创意
人工智能·科技·aigc·powerpoint·软件