免费使用 字节跳动 Trae IDE Claude 3.5 Sonnet 自动编写 Flutter 代码
视频
前言
原文 Trae AI IDEA:轻松生成 Flutter 代码的强大 AI 工具
智能 IDE 的竞争已经达到了一个令人鼓舞的水平,诸如 Cursor、Cline、Roo、Code、Copilot 和通义灵码等工具层出不穷。今天,我们要介绍一个新的补充方案——Trae IDE 提供的 Claude 3.5 Sonnet 大模型。它目前免费开放使用,为开发者提供了一个极佳的选择。
参考
https://docs.trae.ai/docs/what-is-trae?_lang=zh
正文
基于 vscode 构建
双平台发布
干净的 UI
除了样式有调整,功能和布局也有调整。
我还是挺喜欢这个样式的,让我 想起了以前的 idea 。
内嵌对话
右键代码弹出菜单
对你选中的代码块进行操作
直接喂图
你可以把问题截图、设计稿截图直接复制进去。
这是一个标配功能了。
代码自动补全
rules 规则文件
https://docs.trae.ai/docs/what-is-trae?_lang=zh
官网文档没有发现支持 rules 配置文件支持说明。
chat模式功能键
井号弹出功能键。
code 导入代码
file 指定文件
folder 指定目录
workspace 搜索当前整个项目
大模型
同时支持 GPT-4o、Claude-3.5-Sonnet 切换
- 模型介绍
- GPT-4o:基于 OpenAI 的 GPT-4 架构,专注于生成自然语言,支持多种语言和任务,具有强大的上下文理解和生成能力。
- Claude 3.5 Sonnet:由 Anthropic 开发,旨在提供安全、可控的 AI 体验,强调对人类意图的理解和遵循。
- 技术特点
GPT-4o
- 强大的生成能力,适用于复杂的语言任务。
- 大量的训练数据,具有广泛的知识基础。
- 灵活性高,能够适应多种应用场景。
Claude 3.5 Sonnet
- 更注重安全性和伦理性,设计时考虑到避免有害内容生成。
- 强调与用户的互动和意图理解,提供更具人性化的回应。
- 在简单任务上表现良好,但可能在复杂任务中有所限制。
- 应用场景
- GPT-4o:适用于内容创作、编程辅助、对话系统、翻译等各种语言生成任务。
- Claude 3.5 Sonnet:适合需要安全和可控性的场景,例如教育、客户支持和人机交互界面。
- 性能
- GPT-4o:通常在生成质量和多样性上表现出色,特别是在需要长文本生成时。
- Claude 3.5 Sonnet:在遵循用户意图和安全性方面表现优越,但在复杂生成任务上可能不如 GPT-4o。
设置
可以发现还是相对简单,没有那么多的可选,毕竟刚发布没多久。
设置会话主语言。
设置代码索引这和 cursor 一样。
Builder 自动构建
这次我们还是给图片墙功能
输入提示词
## 编写一个图片墙功能:
- 视图文件 lib/pages/msg/msg_index/view.dart
- 代码风格 参考 lib/pages/ 下其它业务
- 视图代码 基于扩展 参考 lib/pages/goods/product_details/view.dart
- 通讯使用 dio 组件
执行输出
毕竟基于 Claude-3.5-Sonnet 大模型,没有太大的失误,中间我调整了几下就能运行了。
图片墙支持上下拉,大图预览。
小结
可以发现 Trae 借鉴了 Cursor 的设计,目前功能还不丰富,但是能用。
如果能加入 Cline、Roo Code 这种自动发现代码中问题修复,读取 Shell 窗口输出错误进行自动修复,就很好了。
Trae 目前感觉更新速度还是慢了,但是作为一个免费使用 Claude 补充方案是可以的。
感谢阅读本文
如果有什么建议,请在评论中让我知道。我很乐意改进。
猫哥 APP
flutter 学习路径
- Flutter 优秀插件推荐
- Flutter 基础篇1 - Dart 语言学习
- Flutter 基础篇2 - 快速上手
- Flutter 实战1 - Getx Woo 电商APP
- Flutter 实战2 - 上架指南 Apple Store、Google Play
- Flutter 基础篇3 - 仿微信朋友圈
- Flutter 实战3 - 腾讯即时通讯 第一篇
- Flutter 实战4 - 腾讯即时通讯 第二篇
© 猫哥
ducafecat.com
end
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。