-
跟随编程:探索 Xcode 26 中的编程智能
在这个线上“跟随编程”讲座中,你将了解 Xcode 26 的编码智能功能 (如编码助理和 Coding Tools) 如何帮助编写代码、生成测试和文档、修复错误,以及浏览代码库。如要跟随编程,你需要一台搭载 Apple 芯片并运行最新版本的 macOS 26 和 Xcode 26 的 Mac。本次讲座将以英语进行。
资源
-
搜索此视频…
大家好。我叫杰罗姆,是苹果公司的产品经理。 今天我们要做一件有趣的事。 利用 Xcode 及其智能编码工具, 将一个创意转化为功能齐全的应用程序。 如果你还不熟悉, Xcode 是开发者为所有 苹果平台构建应用程序的工具。 它具备强大的功能,能帮助任何人 将创意变为现实,例如预览功能, 可实时查看你的修改。 模拟器,用于模拟 不同的苹果设备和操作系统版本。 当无法使用实体设备时, 先进的调试工具可帮助定位错误、 查找崩溃原因并识别瓶颈; 此外,还有 Instruments 等工具, 提供实时洞察,以打造 流畅且响应迅速的用户体验。 如今,随着内置的智能编程功能的加入,学习、 实验和创作比以往任何时候都更加轻松。 您可以在不离开 Xcode 的情况下, 使用 ChatGPT 或云端等模型。 好,让我们一起打造点什么吧。 准备好了吗?
伟大的应用始于一缕灵感, 而这缕灵感可能来自任何人。 我有一个应用创意。 让我跟您说说。 我们总是期待那些小小的发现时刻,对吧? 如果每天都能有一场小小的冒险, 一场“微冒险”,会怎样呢? 我并不是说要去攀登珠穆朗玛峰。 我的意思是,去逛逛你一直想去的那家博物馆。 探索一个你从未去过的公园。 在平凡中发现非凡。
我想为此开发一款应用。 我先画了设计草图,
然后导入 Keynote, 并为所有界面元素进行了更详细的命名。 这一规划帮助我精准界定了想要创造的内容;
为了从编程助手那里获得最佳效果, 我精心设计了五条提示或指令, 稍后我会详细说明。
现在,为了跟上 进度,请务必在视频描述 中找到这些提示词的链接, 这样在你的项目中寻找 提示词时就能直接使用它们。 让我告诉你关于提示词工程我学到的一点心得。 向模型明确表达你想创建什么, 本身就是一项技能。
关键在于:要具体。 像给队友下达指令一样, 准确地告诉它你想要什么。 如果你知道想要使用的组件的确切 名称,那就更好了。
同时要提供上下文。 描述你的应用的功能或它要解决的问题。 包含那些可能影响应用外观和迭代方向的信息, 并尝试不同版本的提示语。 现在,你还可以使用编码助手来帮助 你创建和改进提示语, 甚至可以利用它为应用构思新功能。 提示语设计和编程一样, 还有很多值得探索的地方。 实现同一目标的方法有很多种, 所以如果起初你的提示语 未能完全满足你的期望,也请不要气馁。
现在,让我们开始构建我的应用吧。 我将在 Xcode 中创建一个新的 iOS 项目,然后设置编码助手。
现在我将切换到 Xcode 来创建 一个新的 iOS 项目。 Xcode 已打开,我将点击“创建新项目”。
我将选择 iOS 作为新项目的模板。 在“应用程序类型”中选择“应用程序”, 然后点击“下一步”。
我将产品名称输入为“ Micro Adventures”。
在“组织标识符”中填写“com. myfictitiousorganization ”,其余选项保留默认值。 点击“下一步”,然后点击 “创建”将项目保存到桌面。
现在我有一个默认的“ Hello World”项目, 左侧是“项目导航器”面板, 中间是显示代码的源代码编辑器, 右侧是实时预览。
现在,我将在此处关闭迷你地图,
并将 Xcode 切换为全屏 模式以便更好地查看。
接下来,我需要设置“编码智能”。 要打开“编码智能”面板, 请点击导航器左上角的闪电图标,或使用 Command + 0 组合 键来打开或关闭它。
我将点击“设置”以打开智能设置。
在支持这些模型的场景中, 你可以启用 ChatGPT 或 Code, 或者使用你更喜欢的其他模型。 今天我将使用 ChatGPT, 因此点击“开启”。 此面板中提供了更多关于 ChatGPT 的信息。
接着点击“下一步”,系统会提供使用 ChatGPT 时是否需要账户的选项。
在本演示中,我将选择不使用特定账户。
我将关闭设置窗口,以便开始使用编码助手。 编码助手是您使用 Natural Language 与 模型进行交互的地方。 好了,一切就绪,可以开始了。 我的 iOS Xcode 项目 和编码助手都已配置好, 可以使用 ChatGPT 了。
现在,让我们开始与编码助手对话, 探索我们可以构建什么,并从这个过程中学习。
作为第一个提示,我先提供一些背景信息。 我正在开发一款提供快速“微冒险”创意的应用。 然后我描述界面元素。 首先添加“微冒险”作为大型导航标题, 并添加一张以标记点为中心的全屏地图。
例如,通过使用导航标题和标记点, 我正在具体说明需求。 现在,我将从网页上复制第一个提示。
切换到 Xcode。
将其粘贴到 聊天框中,按回车键提交提示,然后等待响应。 这里有几个小贴士。阅读生成的响应非常重要。 请注意,对于每一项建议的修改, 系统都会提供解释, 并向项目中添加相应的代码片段。 点击任意代码片段, 即可在编辑器中将其高亮显示。 这是了解底层工作原理的绝佳方式。
现在看看这个。我已经有了标题, 还有一张标有冒险地点标记的地图。 让我们继续构建我们的应用。
在顶部工具栏上添加一个筛选按钮, 用于按类别和难度级别筛选, 并提供“全选”选项。 同样,我对顶部工具栏和所 需的筛选条件有明确要求,
我将参考提示。 复制第二个提示,
返回 Xcode, 将其粘贴进去,然后按回车键提交。 需要注意的是,每次运行相同的提示时, 编码助手生成的结果可能会略有不同。 例如,生成的界面布局和功能可能会略有不同。 不过,你始终有一个可靠的起点可以以 此为基础进行开发。
好了,大功告成。我现在有一个按钮, 点击后应该会显示包含我所需筛选 条件的视图。让我们来测试一下。
太棒了,看起来不错。
需要特别注意的是, 模型偶尔会出现错误,但不用担心, 编码助手也能帮你修复这些错误。 让我向你演示一下。
我在此处删除一个括号, 片刻后便弹出了一个问题提示。 我点击红色的“x”标记, 然后选择“为该问题生成修复方案”。 编码助手开始处理,你 也可以直接输入“fix all issues ”来提示模型。
现在进入第三个提示。 这是一个很重要的提示。 让我带你一步步操作。 标题叠加层下方, 有一个浮动信息卡片, 上面带有类别图标和难度等级图标。 左上角是一个加粗的冒险标题。 冒险的描述以及一个状态按钮。 右下角显示冒险是否已完成。
这个提示包含很多细节,对吧?
我回到提示界面,复制第三个提示内容。 回到 Xcode 并提交。
现在再分享几个小技巧。 你可以使用诸如“更改选择 视图的背景色”或“ 解释第 10 行到第 20 行 之间的代码”之类的提示。 为了更好地引导模型的响应, 你可以引用项目中的特定类或文件。 输入“添加一个供选择的角色”, 编码助手会将该内容与你的提示一起读出来。
回到 Xcode。 现在我已经 有了包含冒险所需所有细节的信息卡。 我想检查“完成”按钮是否正常工作。 它应该显示冒险是否已经完成, 太好了,它确实能用。 接下来是第四个提示。 这个提示很简短。添加一个宽大的“ 下一场冒险”按钮, 使其悬浮在地图下方的区域上方。 我将复制第四个提示。 切换回 Xcode 并执行该操作。
这应该很快就能完成。 我只要求生成一个按钮, 并没有明确说明它应该做什么。 花点时间阅读并理解生成的内容。
我将通读响应内容, 找出与“下一场冒险”按钮相关的代码片段。 就是这里。 我点击它,在源代码编辑器中突出显示该代码。 该按钮的操作被设为待 办事项注释,而非实际操作。
正因如此,我才需要第五个提示来整合所有内容, 让应用正常运行。 为包含标题、 描述等信息的冒险内容创建 必要的模型、示例数据和关联。 我详细列出了我认为冒险内容必须具备的每 一项重要信息。
我得到了第五个提示,并将它提交给编码助手。 请记住,如果生成的结果不太理想, 请进行迭代调整。 微调你的提示,然后重试。 你还可以开启新的对话以保持话题条理清晰, 并通过“编程助手”面板顶部 中央的选项器返回之前的对话。
好的,除了点击“下一场冒险”按钮时, 我预计界面不会有其他变化。 然后我应该会得到一个新的冒险。 瞧!就像变魔术一样。 我们的应用已经准备就绪。 我最初只是有一个草图和一个想法。 现在我已经拥有了一个可运行的应用程序。 只需再做一些微调,它就能准备好发布。 太神奇了,对吧? 真希望我能看到你们那边的成果。 我鼓励大家继续开发这个应用, 添加功能,让它成为你自己的作品, 并乐在其中。 好了,在结束之前,还有另一种值得探索的方法。
如果你想采用更直观的方式呢? 能否先从一张图片开始,然后进行提示生成? 当然可以。我可以创建一个提示, 内容是“根据附件图片和之前 我制作的这张图表,创建一个宏冒险应用”。 要获取这个草图,请访问包含提示的网页。 向下滚动到第二部分, 复制提示内容,并将图片 保存到你的下载文件夹中。
接下来,我将创建一个名为“ My Adventures”的新 iOS 项目,保存后打开编码助手。
我将获取该提示语, 并将其复制粘贴到编码助手中。
然后,我将点击聊天窗口左下角的回形针图标, 选择“上传文件”。
我将找到并选中名为“Sketch Micro Adventure.png ”的文件。 点击“打开”按钮将其添加到文本提示中, 然后按回车键提交整个提示。 像 Cloud 或 ChatGPT 这样的模型能够处理文档、图像、 代码等几种最常见的文件格式。 这可能需要稍长一点时间。 模型需要分析图像结构 并生成整个应用的代码。 而不是像我之前那样一步一步地操作。 说到这里,我之前使用的那五个步骤 可以一次性全部粘贴进去。 这些模型在聊天中能够处理更长的提示, 如果提示结构清晰、条理分明,效果会更好。
好了,开始吧。我的已经完成了, 而且几乎完全符合我草图中的设计。 非常棒。接下来的步骤是测试 应用的功能,并不断给提示, 直到它的行为和外观完全符合你的预期。 至此,本次代码实操就到这里。 我从一个概念出发,设计了几条提示, 最终得到了一款功能齐全的应用。 这都要归功于编码助手。 你可以在同一个地方进行探索、 制作原型、学习并实现你的创意。
Xcode 中还有更多功能, 能帮助你打造那些令人惊叹的应用程序。 包括应用文档、图乐园以及其他 场景中的预测性代码补全功能。 感谢你的参与。 现在轮到你了。去打造一些了不起的东西吧。
-