先說結論：我 3 分鐘做出一個能投履歷的網站，而且一行 code 都沒寫
上週五晚上 11 點，我在冰箱前面滑手機，看到有人在討論「vibecoding」——就是用嘴巴寫程式。原本想笑，結果手很實在地打開筆電，因為我剛好需要一個「能快速收履歷」的頁面，給下週的實習生招募用。
我裝了 Cline（VS Code 的免費外掛），打了 12 個中文字，去泡一杯 7-11 美式，回來網站就長好了，還自動幫我上架到 Netlify，連 RWD 都有。以下是我怎麼做的，你複製貼上也能用。
什麼是 vibecoding？就像叫 Siri 幫你寫週記
把「需求」當咒語念出來，AI 直接生出完整專案，這件事去年還叫「AI 寫 code」，今年直接升級成「vibecoding」——你給「氛圍」，AI 給「成品」。
- 不需要記語法，只要會打中文
- 不需要環境設定，外掛幫你裝好
- 不需要部署觀念，一鍵幫你上傳
簡單說，就是把「工程師」這個角色外包給 AI，你當產品經理兼老闆，負責罵人就好。
事前準備：只要 3 樣東西，全部免費
- VS Code：微軟的編輯器，載點在官網，按下一步就好。
- Cline 外掛：在 VS Code 外掛商店搜尋「Cline」→ 安裝，也是免費。
- Anthropic API Key：到 claude.ai 註冊 → 左邊「Get API key」→ 複製起來，新帳號送 5 美元額度，大概能玩 200 次。
全部裝好 5 分鐘，比你在 7-11 排隊還快。
實戰：12 個中文字，做出 104 精簡版
步驟 1：打開 Cline
在 VS Code 左側工具列會多一個「C」圖示，點下去，貼上 API Key，就像貼 LINE 貼圖序號那樣簡單。
步驟 2：輸入咒語
我打的超隨便：
「幫我做一個像 104 的求職網站，要漂亮，可以上傳履歷」
就是這樣，沒了。AI 回我：
「收到，我會用 Next.js + Tailwind + PostgreSQL，履歷存雲端，30 秒搞定。」
步驟 3：泡咖啡
Cline 開始自動：
- 開資料夾
- 下載套件
- 寫資料庫結構
- 刻前端畫面
- 部署到 Netlify
實際時間：2 分 47 秒，比我微波雞排還快。
步驟 4：驗收
網址直接噴在對話框，點開：
- 手機版自動 RWD ✅
- 職缺列表 ✅
- 一鍵上傳 PDF ✅
- 後台管理 ✅
我連 FTP 帳號都沒輸入，就這樣上雲端了。
成果數據給你看：
| 項目 | 傳統寫法 | vibecoding |
|---|---|---|
| 時間 | 3 天起跳 | 3 分鐘 |
| 程式碼行數 | 800+ | 0（我寫的） |
| 花費 | 工程師薪資 3000/天 | 0 台幣（API 額度免費） |
| 後續維護 | 自己改 code | 用中文再罵一次 |
進階技巧：讓 AI 聽話的 3 個咒語模板
-
「像 ___ 的 ___，功能有 ___，風格要 ___」
例：「像 foodpanda 的點餐網站，功能有刷卡、折扣碼，風格要粉紅色可愛」
-
「給我 ___ 頁，資料存在 ___，能上傳 ___」
例：「給我活動報名頁，資料存在 Google 試算表，能上傳大頭照」
-
「用 ___ 框架，___ 顏色，___ 小時內完成」
例：「用 React，藍綠配色，1 小時內完成」
記得：越具體，AI 越不鬼打牆。就像你叫外送，不講清楚不要香菜，餐點來了你還是要挑掉。
踩坑提醒：免費額度用完怎麼辦？
- Anthropic 5 美元額度大概 200 次對話，用完就去 OpenRouter 申請，可以接 Claude、GPT-4，還送 1 美元，再撐 100 次。
- 資料庫若用 Supabase 免費版，每天 500 MB 流量，小網站夠用；爆量再升級 300 台幣/月，比一杯手搖飲便宜。
- Netlify 免費帳號每月 100GB 流量，履歷網站要破表大概要 10 萬人次，你先煩惱面試太多比較實在。
現在就打開筆電，3 分鐘後你就有網站
- 裝 VS Code → 裝 Cline → 複製 API Key
- 打 1 句中文需求
- 看 AI 跑流程，去倒咖啡
- 回來點連結，網站就在線上
就這樣，沒有步驟 5。明天早上你把連結丟到 LINE 群，大家都以為你熬夜寫 code，其實你 11 點就睡了。試試看吧！
