之前推荐 AI 编程工具时,有朋友留言说他们公司因为隐私要求,不能用国外的大模型,或者有朋友账号因故被封了无法使用,但是像 DeepSeek R1 这样的模型,又很难找到稳定的满血版本,自己搭成本又很高。现在多了一个很好的选择就是字节的 AI 编辑器 Trae 国内版,是国内首个 AI IDE(官网:trae.com.cn 网页链接),内置的满血版 DeepSeek R1、V3、豆包 1.5 pro 模型,AI 智能度和本地化支持都相当成熟。
我用 Trae 写了个简单内容重写网页 App,整个过程挺好的,新手友好,除了 Cursor 这样的 Composer、Agent 功能外,还内置了网页浏览,可以直观的看到生成的结果。
比如我第一步使用 Builder 功能让它帮我创建一个 Nextjs 的应用程序,Builder 是混合了 Cursor 的 Composer 和 Agent 的功能,它可以根据你的指令自主探索如何完成任务,如果需要执行命令,会让你确认后执行,也避免了一些误删除的风险,并且执行过程中遇到错误,会自动处理错误自己解决。比如在我创建 App 的过程中,遇到了命令行中特殊字符没有用引号包起来的错误,Trae 很快识别出来并解决。
(参见图2)
应用创建后直接可以在编辑器中预览网页运行后效果,可以更方便直观的看到结果。
(参见图3)
我第二步的操作相对复杂一些,把网页相关要求一次性给到了它:
***提示词开始***
请帮我写一个重写文字内容的网页应用,需求:
- 技术栈使用 Nextjs + TailwindCSS
- 调用 DeepSeek R1 的 API,host 和 API Key 放在配置文件中
- 提示词参考:“请使用{name}的风格重写文章内容,保持原文核心思想,可以调整写作风格和结构,原始 Markdown 图片请保留”
- 页头
- 选择写作风格:
- 可以用 Toggle 按钮选择框选择知名作家名字,比如 张爱玲、村上春树、王小波、张爱玲等等,排成多行,自然排列
- 重写按钮(开始重写后显示 loading)
- 错误信息,如果出错显示错误信息
- 页面主体,左右排列
- 可以输入要改写的内容,一个文本输入框
- 可以显示输出结果,一个文本输入框
***提示词结束***
借助 DeepSeek R1 的推理能力,很快帮我生成了相关代码,并且你可以直观看到推理过程。
(参考图4)
代码生成后可以直接预览生成结果,但是很遗憾第一次没能成功。
(参考图5)
切换到终端输出看错误信息,选中错误信息后直接有按钮可以添加到对话,点击添加到对话后,Builder 就会对错误进行分析尝试自动修复。
(参考图6)
很快它就发现是由于 Nextjs 应用程序客户端组件需要添加 “use client”,于是对问题进行了修复,并且你可以 Review 确认。
(参考图7)
确认后再次运行,发现网页已经正常了,再把 API Key 这些信息填好,就可以运行了。
(参考图8)
Chat 模式很适合代码之外的工作,比如你需要了解一个算法问题、咨询一些命令行写法等等这些原本你需要切换到网页的事情,可以直接在编辑器的 Chat 上完成,而不需要来回切换打断心流。
(参考图9)
整个测试体验下来,开发体验还是很丝滑的,遇到错误能自动尝试修复,或者可以方便的把错误日志添加到对话让 Trae 结合代码去修复。
以上是我个人的一些使用体验和感想,对想尝试 AI 开发或想要提升效率的朋友提供一点参考。欢迎大家一起探讨~
我用 Trae 写了个简单内容重写网页 App,整个过程挺好的,新手友好,除了 Cursor 这样的 Composer、Agent 功能外,还内置了网页浏览,可以直观的看到生成的结果。
比如我第一步使用 Builder 功能让它帮我创建一个 Nextjs 的应用程序,Builder 是混合了 Cursor 的 Composer 和 Agent 的功能,它可以根据你的指令自主探索如何完成任务,如果需要执行命令,会让你确认后执行,也避免了一些误删除的风险,并且执行过程中遇到错误,会自动处理错误自己解决。比如在我创建 App 的过程中,遇到了命令行中特殊字符没有用引号包起来的错误,Trae 很快识别出来并解决。
(参见图2)
应用创建后直接可以在编辑器中预览网页运行后效果,可以更方便直观的看到结果。
(参见图3)
我第二步的操作相对复杂一些,把网页相关要求一次性给到了它:
***提示词开始***
请帮我写一个重写文字内容的网页应用,需求:
- 技术栈使用 Nextjs + TailwindCSS
- 调用 DeepSeek R1 的 API,host 和 API Key 放在配置文件中
- 提示词参考:“请使用{name}的风格重写文章内容,保持原文核心思想,可以调整写作风格和结构,原始 Markdown 图片请保留”
- 页头
- 选择写作风格:
- 可以用 Toggle 按钮选择框选择知名作家名字,比如 张爱玲、村上春树、王小波、张爱玲等等,排成多行,自然排列
- 重写按钮(开始重写后显示 loading)
- 错误信息,如果出错显示错误信息
- 页面主体,左右排列
- 可以输入要改写的内容,一个文本输入框
- 可以显示输出结果,一个文本输入框
***提示词结束***
借助 DeepSeek R1 的推理能力,很快帮我生成了相关代码,并且你可以直观看到推理过程。
(参考图4)
代码生成后可以直接预览生成结果,但是很遗憾第一次没能成功。
(参考图5)
切换到终端输出看错误信息,选中错误信息后直接有按钮可以添加到对话,点击添加到对话后,Builder 就会对错误进行分析尝试自动修复。
(参考图6)
很快它就发现是由于 Nextjs 应用程序客户端组件需要添加 “use client”,于是对问题进行了修复,并且你可以 Review 确认。
(参考图7)
确认后再次运行,发现网页已经正常了,再把 API Key 这些信息填好,就可以运行了。
(参考图8)
Chat 模式很适合代码之外的工作,比如你需要了解一个算法问题、咨询一些命令行写法等等这些原本你需要切换到网页的事情,可以直接在编辑器的 Chat 上完成,而不需要来回切换打断心流。
(参考图9)
整个测试体验下来,开发体验还是很丝滑的,遇到错误能自动尝试修复,或者可以方便的把错误日志添加到对话让 Trae 结合代码去修复。
以上是我个人的一些使用体验和感想,对想尝试 AI 开发或想要提升效率的朋友提供一点参考。欢迎大家一起探讨~