我如何使用AI工具在幾分鐘內構建自己的TODO LIST應用程序

已發表: 2025-03-05

AI將永遠改變技術景觀;以chatgpt為例。它破壞了寫作行業,甚至破壞了整個Chegg業務。現在,每個公司都在AI之後運行,並試圖將其集成到他們的應用程序和服務中。儘管其中大多數人都很友善,但AI的真正價值是它減少了人類的努力,加快流程並降低成本。

build apps in minutes

例如,如果有人問我構建應用程序需要多長時間,我可能會在幾個月(甚至幾年)之內回答,具體取決於該應用程序的大小。

但是,如果您現在問同樣的問題,我會說一個小時,一天甚至幾分鐘。這就是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 ,然後開始詢問您想構建具有這些功能的應用程序。如果您有任何經驗,則可以指定滿足您需求的任何功能。花一些時間並微調提示。

use chatgpt to generate ai prompt

最後,要求chatgpt生成一個AI提示來構建該應用程序。

go to lovalable, and sign up using your google account.

接下來,轉到可愛的dev,如果沒有帳戶,請單擊註冊create account on lovable website

您可以使用Google帳戶GitHub註冊可愛。我建議使用Google帳戶,因為它易於設置,並且每個人都有它。

sign up for lovable

在聊天屏幕上登錄一旦登錄,請從chatgpt複製提示,將其粘貼到提示符中,然後按Enter或單擊右下角的小箭頭。該工具將開始使用必要的文件創建應用程序。

enter prompt in lovable

根據應用程序的功能,構建它可能需要幾分鐘。如果您遇到任何錯誤,例如未知錯誤出現問題,並且應用程序停止構建,則可以使用繼續構建應用程序提示來恢復該過程。

lovable tool building the app

構建完成後,您可以在右側選項卡上查看工作應用預覽,並在移動設備和桌面視圖之間切換。

working to do list app

如果遇到錯誤,該應用程序將要求您修復它,該工具將自動開始解決問題。您可以使用左側欄中的提示通過新功能來增強應用程序。請記住,您每天將僅限5個提示。一旦達到極限,您將需要等待24小時。

add new features to the app

在這種情況下,我希望使用一個選項為每個任務設置自定義計時器的選項,並且我想在添加任務之前設置任務優先級。您可以進一步調整併獲取使用CHATGPT的提示,然後該工具使用這些新功能更新應用程序。

updated app with new features

恭喜!您只需幾分鐘即可構建待辦事項列表應用程序的前端。您可以使用它來創建待辦事項列表。但是,由於沒有數據庫,因此如果重置該應用程序或僅清除Chrome Cache或您使用的任何其他瀏覽器,則可能會丟失數據。

為了避免這種情況,您可以將數據連接到數據庫並使用它來存儲數據。不用擔心;您可以以簡單的步驟進行操作。

您可以將應用程序連接到數據庫,存儲所有數據,添加身份驗證,甚至發送電子郵件。就我而言,我已經構建的待辦事項列表應用程序使用本地瀏覽器存儲來存儲所有任務,如果您清除Google Chrome或您使用的任何瀏覽器的緩存,則所有任務將被刪除。為了避免這種情況,您可以將其連接到數據庫並將數據存儲在服務器上。

Lovable還提供了一種簡單的方法,可以將應用程序連接到數據庫,使用任務存儲數據,添加身份驗證,發送電子郵件等。

connect your app to supabase database

單擊supabase,然後連接supabase ,然後在那裡創建一個帳戶。創建帳戶後,單擊授權可愛。您需要一個github帳戶才能在supabase中創建一個帳戶。如果您沒有GitHub帳戶,則可以從這裡創建一個帳戶。

authorize access

現在,創建一個supabase帳戶。您需要使用GitHub帳戶登錄。創建後,返回該應用程序,該應用程序在頁面上顯示您的項目名稱和ID

connect app to your project

單擊您的帳戶,然後點擊創建新項目。

create a new project in subabase

接下來,輸入項目名稱並創建一個新項目,該項目將自動連接到數據庫。後來,它為您提供了幾種不同動作的選項。在這種情況下,我只是要求存儲任務數據。

save the app data

該應用為您提供SQL代碼。如果您熟悉代碼,可以查看該代碼,然後單擊“應用更改” 。該應用程序將成功連接到數據庫。

review sql code and apply changes

現在,您可以發布該應用並在手機上使用。單擊發布按鈕,然後再次發布以獲取鏈接。請記住,這是一個公共鏈接;訪問它的任何人都可以復制並重新混合您的應用程序代碼。您需要訂閱創建私人項目的高級計劃。

publish the app with live link

您也可以將代碼共享到GitHub,本地下載該項目並開始在設備上開發它。連接您的GitHub帳戶並將項目提交給GitHub。

your app is ready

就是這樣!您已經在幾分鐘內使用簡單的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令牌,就必須等待每日重置限制才能獲得更多令牌。