Vibe Coding 入門：用 AI 做出你的第一個網站

你不需要先學會寫程式

Vibe Coding 的重點，是用自然語言描述你要什麼，讓 AI 幫你生成。以下用最簡單的流程，帶你做出第一個能分享的網站。

步驟一：想清楚要做什麼

先用一兩句話講清楚：給誰用、要有哪些區塊。例如「幫我做一個咖啡廳的單頁網站，有招牌介紹、菜單、地址與聯絡方式」。需求越具體，AI 做得越準。卡住的話可以先用 ChatGPT 幫你把需求整理成清單。

步驟二：選一個工具開始

新手建議從 v0 或 Lovable 開始，把上面那句需求貼進去，它就會生出第一版。

步驟三：用對話一步步修改

別期待一次到位。把它當協作：「把主色換成深綠」「菜單改成三欄」「加一個預約按鈕」，一次改一個地方。

步驟四：發佈與分享

滿意後用工具內建的發佈功能上線，拿到網址就能分享。想要自己的網域，多數工具也支援綁定。

常見卡關與解法

• 改了又跑掉：一次只改一處，並明確說「只改這個、其他不要動」。
• 看起來怪：附上參考範例或截圖，AI 會更懂你的審美。
• 功能做不出來：複雜功能（金流、會員）建議找懂技術的人協助。

總結

第一個作品不用完美，目的是體會「用講的就能做出東西」這件事。做完一個，你對 AI 能幫到哪、極限在哪就會很有感。延伸閱讀：Vibe Coding 工具比較、用 AI 建立你的網站。