我如何使用AI工具在几分钟内构建自己的TODO LIST应用程序
已发表: 2025-03-05AI将永远改变技术景观;以chatgpt为例。它破坏了写作行业,甚至破坏了整个Chegg业务。现在,每个公司都在AI之后运行,并试图将其集成到他们的应用程序和服务中。尽管其中大多数人都很友善,但AI的真正价值是它减少了人类的努力,加快流程并降低成本。
例如,如果有人问我构建应用程序需要多长时间,我可能会在几个月(甚至几年)之内回答,具体取决于该应用程序的大小。
但是,如果您现在问同样的问题,我会说一个小时,一天甚至几分钟。这就是AI现在可以做的。某些应用程序可让您在短短几分钟内构建应用程序。不,我不是在谈论用于构建应用程序的无代码AI工具。我说的是可以以任何语言或方式编写代码或协助您构建应用程序的应用程序。好消息是,您无需编写一行代码,甚至不需要关于代码的工作方式的先验知识。
您可以在短短几分钟内构建应用程序并将应用程序扩展到数百万。我一直在使用各种AI工具,并构建了30多个应用程序。如果您想学习和创建一些东西而又不花几个月的时间来编码,那么本指南适合您。
目录
如何在短短几分钟内构建应用程序:让我们构建一个待办事项列表应用程序
步 | 描述 |
---|---|
步骤1 | 使用Chatgpt为您的应用程序生成详细的AI提示。示例:生成一个AI提示,以构建具有所有必要功能的待办事项列表应用程序 |
步骤2 | 接下来,使用Google或github在lovable.dev上创建一个帐户。 |
步骤3 | 将Chatgpt生成的提示粘贴到可爱的过程中,然后按Enter。该工具将开始构建应用程序。 |
步骤4 | 如果您遇到任何问题,请重新加载页面,请询问工具以解决问题 |
步骤5 | 一旦创建应用程序,它将自动生成应用程序的预览。您可以开始使用它。 |
步骤6 | 要为应用程序添加更多功能,您可以使用更多提示来改进和自定义应用程序。例如:添加为每个任务设置计时器的功能,该工具更新代码以添加此功能。 |
步骤7(可选) | 接下来,您可以使用supabase存储数据并防止数据丢失。 |
步骤8 | 单击发布按钮以使您的应用使用公共链接进行实时。 |
步骤9 | 要将代码保存在您的设备上,请连接到GitHub帐户并提交代码。 |
我尝试了Lovable.dev和Bolt.new工具,使您可以使用简单的自然提示来构建该应用程序。两者都在短短几分钟内构建简单的Web应用程序方面提供了令人难以置信的结果,但是它们在限制方面略有不同。
根据我的经验,Bolt提供有限的令牌(文本或代码可以写入多少;用螺栓限制为150k单词),如果您想构建一个需要多个提示和数百行代码行的高级应用程序,这并不多。另外,您需要一个GitHub帐户来创建和使用螺栓。
另一方面,可爱的方法是通过允许您使用Google帐户登录的更具用户友好的方法,因为没有多少非程序员拥有GitHub帐户。
另外,与螺栓不同,可爱每天提供五个免费提示(您可以与应用程序接口多少次),这使您可以创建和迭代计划并解决任何问题,而不必担心超出限制。
我将使用可爱来帮助您构建该应用程序。如果您有一个GitHub帐户,则还可以看到螺栓,因为它们提供了类似的方法和接口。
首先,让我们从创建一个想法开始。即使这些应用程序可以理解自然语言,最好计划并包含您将在一个提示中构建的应用程序的所有详细信息,以获得更好的结果,并避免通过以后重复请求不必要地浪费您的免费提示限制。
不用担心,您不需要任何先验知识。您可以使用任何AI聊天机器人工具来创建构建应用程序的详细提示。我建议使用Chatgpt以获得更好的结果。
请访问chatgpt.com ,然后开始询问您想构建具有这些功能的应用程序。如果您有任何经验,则可以指定满足您需求的任何功能。花一些时间并微调提示。

最后,要求chatgpt生成一个AI提示来构建该应用程序。
接下来,转到可爱的dev,如果没有帐户,请单击注册。
您可以使用Google帐户或GitHub注册可爱。我建议使用Google帐户,因为它易于设置,并且每个人都有它。
在聊天屏幕上登录一旦登录,请从chatgpt复制提示,将其粘贴到提示符中,然后按Enter或单击右下角的小箭头。该工具将开始使用必要的文件创建应用程序。
根据应用程序的功能,构建它可能需要几分钟。如果您遇到任何错误,例如未知错误或出现问题,并且应用程序停止构建,则可以使用继续构建应用程序提示来恢复该过程。
构建完成后,您可以在右侧选项卡上查看工作应用预览,并在移动设备和桌面视图之间切换。
如果遇到错误,该应用程序将要求您修复它,该工具将自动开始解决问题。您可以使用左侧栏中的提示通过新功能来增强应用程序。请记住,您每天将仅限5个提示。一旦达到极限,您将需要等待24小时。
在这种情况下,我希望使用一个选项为每个任务设置自定义计时器的选项,并且我想在添加任务之前设置任务优先级。您可以进一步调整并获取使用CHATGPT的提示,然后该工具使用这些新功能更新应用程序。
恭喜!您只需几分钟即可构建待办事项列表应用程序的前端。您可以使用它来创建待办事项列表。但是,由于没有数据库,因此如果重置该应用程序或仅清除Chrome Cache或您使用的任何其他浏览器,则可能会丢失数据。
为了避免这种情况,您可以将数据连接到数据库并使用它来存储数据。不用担心;您可以以简单的步骤进行操作。
您可以将应用程序连接到数据库,存储所有数据,添加身份验证,甚至发送电子邮件。就我而言,我已经构建的待办事项列表应用程序使用本地浏览器存储来存储所有任务,如果您清除Google Chrome或您使用的任何浏览器的缓存,则所有任务将被删除。为了避免这种情况,您可以将其连接到数据库并将数据存储在服务器上。
Lovable还提供了一种简单的方法,可以将应用程序连接到数据库,使用任务存储数据,添加身份验证,发送电子邮件等。
单击supabase,然后连接supabase ,然后在那里创建一个帐户。创建帐户后,单击授权可爱。您需要一个github帐户才能在supabase中创建一个帐户。如果您没有GitHub帐户,则可以从这里创建一个帐户。
现在,创建一个supabase帐户。您需要使用GitHub帐户登录。创建后,返回该应用程序,该应用程序在页面上显示您的项目名称和ID 。
单击您的帐户,然后点击创建新项目。
接下来,输入项目名称并创建一个新项目,该项目将自动连接到数据库。后来,它为您提供了几种不同动作的选项。在这种情况下,我只是要求存储任务数据。
该应用为您提供SQL代码。如果您熟悉代码,可以查看该代码,然后单击“应用更改” 。该应用程序将成功连接到数据库。
现在,您可以发布该应用并在手机上使用。单击发布按钮,然后再次发布以获取链接。请记住,这是一个公共链接;访问它的任何人都可以复制并重新混合您的应用程序代码。您需要订阅创建私人项目的高级计划。
您也可以将代码共享到GitHub,本地下载该项目并开始在设备上开发它。连接您的GitHub帐户并将项目提交给GitHub。
就是这样!您已经在几分钟内使用简单的AI工具创建了一个完整的待办事项列表应用程序。希望您发现本指南有帮助。
您可以构建所需的任何应用程序,可能性是无穷无尽的,但是请记住,这些AI工具的免费版本仅限于一些提示,您可以选择一个可以增加此限制的高级计划,但如果您是常规用户,则价格昂贵。例如,可爱的入门计划的价格为20美元,与Chatgpt Plus计划相同。免费计划每天可以访问5个提示(每月30个),足以构建基本的Web应用程序。希望您发现本指南有帮助;如果您有任何建议或面临问题,请在评论中告诉我。
查看我构建的应用程序: https://pomodoro-panda-planner.lovable.app./
使用AI工具构建应用程序的常见问题解答
1。我可以使用可爱或螺栓构建移动应用程序,还是仅适用于Web应用程序?
您也可以使用这些工具来构建移动应用程序。您可以要求工具在React Native中编写代码,然后在Google Play和Apple App Store等移动平台上发布代码。您还可以使用框架将现有应用程序转换为移动应用程序,即相同的反应本机框架,也可以使用电容器或Cordova等工具将其包装在网络浏览量中。
2。我需要任何使用可爱或螺栓的编码知识吗?
不,您不需要任何先前的编码知识来构建基本的Web应用程序。但是,这些AI工具有时可能是打ic,因此您需要技术和编码知识来解决这些问题。但是,在大多数情况下。您可以使用自然语言提示来构建应用程序,而无需编写一行代码。
3。可爱和螺栓之间的主要区别是什么?
Lovable允许您使用Google帐户登录,并每天提供5个免费提示,另一方面,Bolt需要一个GitHub帐户,并每天提供15万个免费令牌。两者几乎都有相似的接口。添加的机器人。 New允许您直接下载或将代码深入将代码深入到网络服务器中。而在全球中,您需要承诺。 GITHUB代码获取代码。
4。我可以使用这些AI工具构建复杂的应用程序吗?
是的,但是由于复杂的应用程序需要高级编码知识,因此将有一个限制。这些工具每天还提供有限的提示,这可能足以使用免费版本构建该应用程序。
5。如果我用完免费提示或令牌,会发生什么?
在可爱的情况下,免费版本仅限于5个每日提示,您必须等待24小时才能重置。在螺栓中,一旦超过150k令牌,就必须等待每日重置限制才能获得更多令牌。