Andrew Ng · 2025-01-08

自定义你的应用

视频链接:Customize your app

现在你已经构建了一个基本的生日贺卡应用,让我们看看如何为它添加额外的功能,以便它可以做更多的事情或更有趣。如果你把你的应用展示给其他人,他们可能也有关于添加什么的想法。

我还想向你展示,如果 AI 为你构建的任何东西有问题,比如它没有按你的预期工作,该怎么办。

像以前一样,我们将告诉 AI 添加什么功能的主要方式是通过提示词(Prompting)。

为了理解在提示词时具体说明为什么很重要,让我用一个点餐的类比。如果你去一辆食品卡车说,给我一个三明治,如果那是你说的全部,谁知道他们会给你什么类型的三明治。

但如果你说更具体的话,比如我想要一个素食三明治,那么这缩小了你可能得到的范围。或者如果你说,我想要一个带有鹰嘴豆泥、奶酪和多谷物面包的素食三明治,那么那个具体的指令真的意味着你得到的东西变得更加可预测。

或者如果你说,我想要这样的素食三明治,并添加一杯饮料,请打包带走,那么食品卡车会给你回什么变得更加可预测。

在食品卡车,通过对你要求的东西具体说明,你更有可能得到你想要的东西。提示词 AI 也是如此。通过编写更具体的提示词,你更有可能准确得到你想要的东西。哦,这正是我想要的。

当你获得让 AI 为你编写代码的技能时,你会变得更擅长给 AI 更具体的指令,这将给你更好的结果。

我之前使用这样的提示词构建了一个应用程序,要么一次性完成,要么来回几次。我现在想做的是添加一些新功能并修改一些现有功能。

例如,与其像我们目前拥有的三个输入字段,姓名、年龄和爱好,你可能想要收集五条信息,所以用户可以输入五个输入字段,以便你可以创建更个性化的消息。

或者你可能想要一个「手气不错」按钮,它会自动为你填写所有字段,这样你不必每次使用应用程序时都输入所有内容。

或者你也可以更新外观和感觉,比如更改标题或添加一个将消息复制到剪贴板的按钮,这样你可以轻松地通过电子邮件发送给朋友,甚至重新设计整个配色方案以更好地匹配你的风格。

在构建了一个基本应用程序后,你可以通过决定你想要添加什么功能来使应用程序成为你自己的。

所以你可以继续聊天对话,告诉 AI 让它有五个清晰标记的输入:姓名、年龄、爱好、一个形容词和一个复数名词,它会将应用程序更新为这样。

注意我在这里编写非常具体的指令。我不只是说让它有五个字段,我告诉它我想要它有哪五个字段。

或者如果我添加一个「手气不错」按钮,同样,我尝试具体地告诉它我想要「手气不错」按钮做什么。我想要它自动用随机词填充空白,我想要预定义的词选择很有趣。在这里,我实际上同时添加了两个功能。

我可能更新标题和副标题,并添加一个复制到剪贴板的按钮。这实际上是我同时添加的上一张幻灯片中的两个项目。实际上我喜欢蓝色,所以让颜色主题变成蓝色。请自己尝试这些提示词,或者更好的是,选择不同的颜色主题,或者告诉它实现你有的任何其他想法。

如果你喜欢粉色,像我女儿那样,或者绿色,像我儿子那样,告诉它改用粉色或绿色主题,或者根据你想做的事情做一些其他更改。如果你改变主意,你也可以这样做。

所以在我把颜色主题变成蓝色后,如果我决定我不想要蓝色,实际上我想要紫色,你可以写这样的提示词,AI 将顺从地把它改成紫色。

现在,很多时候,AI 相当好地给你准确要求它做的事情。但有时有机会生成一个不起作用的 HTML 页面。在软件中,当有一些东西不能按预期工作时,我们称之为错误(Bug)。

这里实际上是 AI 之前为我生成的应用程序的损坏版本,我在这些字段中输入了所有内容,但如果我点击「生成卡片」,什么也不会发生。所以这很奇怪。我在这里点击鼠标,但它实际上并没有生成卡片。

原来「手气不错」有效,但同样,「生成卡片」没有为我生成任何卡片。如果发生这种情况,我鼓励你做的是清楚地告诉 AI 发生了什么。所以我在这里输入,当我点击「生成卡片」按钮时什么也不会发生。你能为我修复吗?

如果你这样做,AI 通常相当擅长发现至少基本的错误并修复任何错误。当你这样做时,有时 AI 会写一些技术性的解释,说明出了什么问题。

所以在这里它说,JavaScript 附加到按钮。点击事件,哇,那有很多技术术语。我现在会说,别担心 AI 在这里说什么。你不需要理解这些技术细节。如果你真的很好奇,你实际上可以问 AI,这些术语是什么意思?

但你不必这样做。让 AI 进行思考,说出它想说的关于技术的话,然后专注于下载新的 HTML 文件,看看它是否有效。

我希望你从基本的生日贺卡应用开始,要么尝试构建我在这个视频中早些时候建议的功能,或者也许你的朋友建议的功能或你自己的想法。事实上,如果你不确定还能做什么,你也可以向 AI 寻求想法。

所以如果你问它,我怎样才能让这个生日贺卡应用变得很酷?它可能会给出几个建议,然后你可以选择一个或多个,并使用 AI 的想法让你的应用程序变得更酷。我在构建软件时实际上经常将 AI 作为头脑风暴工具,如果你还没有让你兴奋的想法,你也应该这样做。

请进入这个网站的下一个项目,并享受添加功能或玩弄颜色主题或实现任何你喜欢的东西。当你回来时,我们将使用你已经学到的技能来构建第二个应用程序,一个乒乓球游戏。


此文章由 AI 翻译