建立 2026-09-15 更新 2026-09-15

Lovable 教學

Lovable 是用自然語言打造全端網站與應用程式的 AI 開發平台。你描述要做什麼，它會產出可預覽、可修改、可上線的真實程式碼，包含畫面、後端、資料庫與登入。

本站用繁體中文整理最常用的前 20% 能力，並把官方影音與優質 YouTube 教學內嵌在各主題頁。目標不是把官方文件整本搬進來，而是讓你知道先學什麼、去哪裡看權威示範。

官方學習資源

官方學院與學習路徑

Lovable Academy 是官方免費學習站，有引導式課程 From prompt to product in one hour（約一小時做出功能許願板 Upvote），以及影音目錄。Academy 影片在官方平台播放，本站無法用 iframe 內嵌，請直接到學院觀看。

官方 YouTube

Lovable 官方頻道有入門總覽、短操作示範與完整實作。本站精選見官方影音。產品文件見 docs.lovable.dev。

官方認證課程

Lovable 目前沒有自家 Certificate program。想拿結業證明可看 Codecademy：Intro to AI Programming with Lovable（完成課程可取得 Codecademy 結業證明，這不是 Lovable 原廠證照）。

學會這五件事，比一次把整套功能背完更有用：

先想清楚再下指令：產品是什麼、給誰用、使用者要完成哪一件事、畫面感覺如何。含糊的想法只會得到含糊的畫面。
一次改一塊：用元件思考（主視覺、表單、卡片），不要在第一則提示詞塞進整套 App。做完就在預覽裡點過一遍，再送下一則。
挑對模式：規劃模式（Plan mode）用來想清楚與除錯，不會改程式；建置模式（Build mode）才動手改；小的視覺調整用預覽工具列點選元素，比重寫一整段提示詞安全。
先畫面、後資料：第一版用範例資料、先不要登入與資料庫。資料要在重新整理後還在，再啟用內建後端（Lovable Cloud）做資料庫與帳號。
上線是快照：預覽裡改完不會自動出現在公開網址。要按 Publish → Publish changes。改壞了就從版本紀錄還原。

其餘功能（付款、自訂網域、GitHub、AI 功能）都建立在這五件事上面。先把這層練熟，再往進階走。

想一次把影片看完，直接去影音教學。