訂閱了卻冷落它：這次認真認識 Lovable
我訂閱 Lovable 已經有一段時間，但老實說，用到的次數一隻手數得出來。每次打開都覺得「之後有空再好好研究」，然後就沒有然後了。這次決定不再拖，認真坐下來把它從頭摸過一遍，順手記錄下來——這是這個小系列的第一篇，先帶你認識 Lovable 到底是什麼、怎麼運作。
Lovable 是什麼？
簡單一句話：你用自然語言描述想要的 App，它幫你把可以實際運作的網頁 App 寫出來。
它屬於最近很紅的「AI app builder / vibe coding」這一類工具。背後生成的是真正的前端程式碼（React + Tailwind 那一套），不是把你鎖死在某個拖拉式編輯器裡。需要後端時，它可以串接 Supabase，幫你把資料庫、登入驗證、檔案儲存一次搞定。換句話說，它的目標是讓你從一句話，走到一個前後端都有、可以部署上線的 App。
要特別記住的一點：Lovable 做的是「網頁 App」，不是原生 iOS/Android。這點之後談行動 App 整合時會很關鍵，這裡先記著。
介面長什麼樣
打開首頁，正中央就是一句招呼和一個輸入框——「Let’s build something, Eric」。你要做的就是把想法打進去。
按下送出後，它會跳進專案的工作區。版面很直覺：左邊是對話區（你跟它來回溝通需求的地方），右邊是即時預覽（它一邊寫、你一邊看到成品變化）。
這個「對話 + 即時預覽」的組合，就是 Lovable 的核心體驗。你不需要懂 React、不用開終端機、不用配環境——把需求講清楚，剩下的它來。
它怎麼運作
實際用起來的流程大概是這樣：
- 描述需求：用一段話講清楚你要什麼功能、什麼風格。
- 它生成：Lovable 規劃需求、寫程式碼，右邊預覽即時更新。
- 對話式迭代：覺得哪裡要改，就再講一句，它接著改。不用自己動程式碼。
- 接後端 / 部署：需要資料庫或登入就接 Supabase；要上線可以一鍵部署，也能同步到 GitHub。
最讓我意外的是它對中文需求的理解。我整段需求都用中文寫，它不但完全聽懂，連生成出來的 App 介面文字都是中文，省了我之後一個個改的工。
初次上手的感想
兩個字：方便。從一句話到一個有模有樣、能互動的 App，中間的摩擦力低到有點不真實。
再加一句：畫面真的有質感。我只說了「簡潔深色風格」，它端出來的是那種深色玻璃擬態（glassmorphism）的版面，配色、間距、卡片陰影都抓得不錯，不是那種「一看就知道是範本」的廉價感。對我這種「想法很多、但最怕處理前端排版」的人來說，這一點很加分。
適合誰、適合什麼情境
摸過一輪後，我覺得 Lovable 最適合：
- 想快速驗證一個點子、做出可互動原型（MVP）的人
- 需要一個內部小工具或一頁式網站，但不想花時間刻前端
- 像我這樣「會一點技術、但不想被前端瑣事卡住」的創作者
它不是要取代正規開發，而是把「從 0 到能動」這段路大幅縮短。
下一篇，我會實際用它從零做一個「耳機收藏追蹤」App，把整個過程、包含中途的迭代修改都截圖記錄下來，讓你看看它到底能做到什麼程度。