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的开发,大大降低了开发成本,真正做到了"人人都是产品经理",让想法更容易成真。

相关推荐
MingT 明天你好!4 小时前
trae中安装mcp报Cannot find package/ERR_MODULE_NOT_FOUND问题
node.js·trae
程序员爱德华5 小时前
AI Coding 使用教程
copilot·cursor·trae·claude code·ai coding
飞哥数智坊12 小时前
没有内测邀请码?我来帮你实测下 SOLO 网页端
人工智能·trae
sinat_267611914 天前
Trae AI 进行 Android 从0 到 1的一键开发
kotlin·android studio·trae
阆遤5 天前
利用TRAE对nanobot进行安全分析并优化
python·安全·ai·trae·nanobot
Molesidy5 天前
【VSCode】VSCode或者Trae的扩展文件夹以及用户设置文件夹的路径更改到指定位置
ide·编辑器·trae
yosh'joy!!6 天前
下载Trae使用
ai·trae
豆包MarsCode6 天前
只需一个指令,让 OpenClaw 安排 TRAE 干活
trae
sugar15696 天前
Trae快速构建自己项目的docker镜像
docker·容器·trae
sugar15696 天前
Trae 添加项目规则,快速完成crmeb项目本地开发环境搭建
docker·容器·trae