AI 代码编辑器工作流实践:使用 Trae 开发 iOS 应用

通过上下文、项目索引、文档集、规则定义、项目说明文档等,搭建 AI 代码编辑器工作流。通过 Trae + Qwen-3-Coder 进行实践,也适用于其他 AI 代码编辑器和模型。

插件

插件市场配置

为了 Trae 获取所有 VSCode 拓展,需设置 Extension Market Url 为:

https://marketplace.visualstudio.com/

安装 iOS 开发相关插件

安装 Swift、CodeLLDB、SweetPad 等 iOS 插件。

上下文

在对话中,点击或输入#可选择上下文。

代码索引

在 AI 对话框右上角的设置图标,进入上下文,可看到工作空间索引情况。

可单独配置忽略文件,默认忽略 .gitignore 文件。

File、Folder

在对话中,点击或输入#可选择上下文。

可拖拽文件、目录到聊天窗作为上下文使用。

Workspace

依赖项目代码索引是否构建完全。

Builder 模式会自动将整个工作空间作为上下文。

Chat 模式下,描述时可通过 #Workspace 询问关于整个工作空间的问题,如:

请帮忙整理项目中用到的所有 swift ui 组件和它的用法,以这种格式:

- Picker("选项", selection: $choice) { ... } 下拉选择器
  - 可嵌套 Text ,可通过 ForEach 遍历所有选项
  - .tag() 修饰符,用于每个选项,指定选项的值,如 ForEach 中使用 `$0`
  - .pickerStyle() 修饰符修改选择器样式

文档集

在 AI 对话框右上角设置的上下文中,可配置文档集。如:

Web

输入 #Web 后再提问,支持联网搜索。

Builder 模式会自动支持联网搜索。

自动运行命令

Trae 执行过程中需要执行一些命令,默认需要用户手动点击执行,命令多的时候,就会比较繁琐。

可到智能体设置界面,支持配置自动运行命令和 MCP 工具。

支持设置命令黑名单,避免产生风险,默认添加了 rm / kill / chmod 命令。

规则

个人规则

所有项目通用,定义开发习惯、代码风格等:

1. 请保持对话语言为中文
2. 我的系统为 Mac
3. 请在生成代码时添加函数级注释

项目规则

适用于当前项目,针对本项目需要实现的具体行为,如设置代码语言、框架、版本等。如:

1. 技术栈: Swift, SwiftUI, SwiftData, UserNotifications Framework
2. 验证修改时,仅构建项目,不需要运行项目,使用 iPhone 16 Pro 设备

准备项目说明文档

创建全新项目的时候,初次生成代码,可以使用项目说明文档,使 AI 按照预定的方式去生成代码。

项目说明文档也可以通过 AI 工具来生成:

我想使用 SwiftUI + SwiftData 框架开发一个 iOS 应用程序。

[描述项目的基本需求,尽可能按页面维度,做好规划]

创建一个包含文件结构层次的 PRD 文件,我想要在 AI 代码编辑器的项目规则下使用这个 PRD 文件。

根据生成的文档信息,确认页面划分、文件结构等是符合预期,调整完善后,即可粘贴到项目中。

Builder 生成代码

准备就绪之后,就可以使用 Builder 模式让 AI 帮助生成代码了。

发起提问

此前已通过 Xcode 创建新项目,通过 Trae 打开,并做好了上述的配置。

现在就可以选定模型,勾选 @Builder,发起提问,可关联文件、文档等上下文信息:

创建一个iOS应用, [项目功能简述] 。严格遵循 prd.md 中定义的规则,并参考文档 SwiftUI 苹果人机交互指南。

生成完毕后,对生成的文件进行接受,即可完成代码生成,点击拒绝则会回退该代码的改动。

这里我选择的模型是最新的 Qwen-3-Coder ,生成的效果还是很不错的,可以生成+调试,最终完成功能完整的应用程序。

报错修复及功能完善

AI 编辑器会自动编译查看错误,并进行自动修复。

如果还有其他报错,可截图或者复制报错内容(把报错的文件作为上下文),让 AI 尝试修复。

运行起来后,测试各个功能,功能有问题或需要调整的可以继续发起提问,不断完善应用功能。