AI进化论-花生 | 使用 Trae 完成 To Do APP 并发布的流程梳理🧣

本次视频内容主要围绕 AI编程 展开,介绍了如何利用AI工具 Trae,在不写一行代码的情况下,从零开始完成一个APP的开发,并将其提交至App Store审核。

视频参考:不写代码,30分钟带你完成iOS APP开发全流程

  • Trae工具详解与APP开发演示

    • Trae介绍 :Trae是一款AI编程工具,现在有两个版本(国外版和国内版),支持Mac、Windows,即将推出Linux版本。视频中演示使用的是Trae海外版本,因为它可以使用 AI编程能力更强的Claude 3.7模型,且免费

    • Trae的两种模式

      • Chat模式 :适合与AI模型对话、沟通需求,或了解项目目录。它不会直接修改代码,但可以生成代码供用户复制使用。它还可以用于 脑暴灵感 ,甚至生成 SVG格式的图片作为APP图标。(图标可以使用即梦,或者豆包完成)
      • Builder模式 :一个更智能、更自动化的模式,可以直接帮助用户 生成文件和写入对应的代码,适合希望AI自动完成项目的情况。
    • APP开发流程演示 :视频以开发一个借鉴《高效能人士的7个习惯》中"以终为始"和"要事第一"理念的 To Do APP 为例,展示了如何用Trae完成开发。

      1. 需求梳理:首先在Chat模式下,让Trae作为产品经理梳理APP需求,例如定义一个本地运行、无需联网登录的简单To Do APP。
      2. 原型设计:切换到Builder模式,提供需求,要求Trae输出高保真的原型图。Trae会理解需求,检查现有文件,然后逐步生成多个原型界面(如主页、创建任务、四象限视图、任务详情、每周计划、统计与反思等),这些界面甚至可以是可点击的。
      3. 代码开发:在Xcode中创建iOS项目后,将项目文件夹导入Trae的Builder模式。将之前梳理的需求文档和原型图作为上下文信息提供给Trae,要求它根据这些信息完成项目开发。Trae会根据信息一步步创建不同代码文件,并进行检查和组件创建,有时仅用一段提示词就能生成9-10个文件。
      4. 错误处理与调试:在Xcode编译时出现错误是正常的。用户可以将错误信息复制回Trae,Trae会自主查看代码并分析错误原因,然后逐步进行修改。即使APP运行后界面不正确,也可以直接将截图拖拽到Trae中,让它进行调整。
      5. APP功能:最终开发的To Do APP可以添加不同任务,设置截止日期、优先级,区分"重要且紧急"和"重要不紧急"的任务,并显示周计划。
  • APP上架App Store流程

    • 项目打包前准备:在Xcode中调整设置,如移除iPad版本,设置较低的iOS版本(如iOS 17),并为APP命名(如"小猫todo")。
    • 图标生成 :利用Trae的Chat模式,要求Claude 3.7 Sonnet模型生成 SVG格式的APP图标代码,然后通过SVG编辑器生成图片并下载导入Xcode。
    • 项目打包与分发:在Xcode中对项目代码进行Archive打包,选择Distribute APP进行分发。
    • App Store Connect信息填写 :上传APP后,需要登录App Store Connect填写大量信息,包括构建版本、合规证明、截图、推广文本描述、关键词、技术支持网站、营销网址等。这些信息 完全可以由Trae帮助生成
    • 隐私与定价:设置APP隐私政策(可使用Trae生成的隐私协议文档链接),以及价格和供应情况。可以选择免费,并设置发布地区(如仅在中国发布)。
    • 提交审核:完成所有信息填写和设置后,即可将APP提交至App Store审核。审核时间通常为2-3个工作日。

视频强调,通过Trae,现在真的是不需要写一行代码,就能完成APP的开发,大大降低了开发成本,真正做到了"人人都是产品经理",让想法更容易成真。

相关推荐
围巾哥萧尘15 小时前
告别繁琐,迎接智能:TRAE SOLO如何革新软件开发?——深度解析“一体化上下文工程师”的奥秘🧣
trae
晨启AI1 天前
Trae IDE:打造完美Java开发环境的实战指南
java·环境搭建·trae
十盒半价2 天前
JS 数组进阶:从基础到实战的全方位解析
前端·javascript·trae
Goboy2 天前
Cursor 锁区解决方法,Model not available?This model provider doesn’t serve your ?
cursor·traefik·trae
围巾哥萧尘2 天前
《实战篇 第九章:桌面软件的打造》 围巾哥萧尘 | Trae AI 从小白到大神的学习之路🧣
trae
cpp加油站2 天前
使用Trae+umami MCP实现个人站点数据可视化,内含umami配置教程(玩转100个MCP系列第三弹)
mcp·trae
程序员差不多先生2 天前
TRAE IDE** 下载、安装、开发、测试和部署 2048 小游戏的全流程指南
ide·cursor·windsurf·trae
不浪brown2 天前
cursor!还钱!
ai编程·cursor·trae
SixHateSeven3 天前
我用AI给图片「脱衣服」的那些天:从0到1开发本地背景移除工具
trae