寫程式進入「感覺時代」:什麼是 Vibe Coding?
你是不是一直想做個自己的小工具,像是自動追蹤股票的儀表板,或是幫公司做個簡單的請假系統,但每次打開教學看到 public static void main 就想關掉?
現在有個新詞叫 Vibe Coding。簡單來說,就是你不需要去研究程式碼怎麼寫(那是 AI 的事),你只需要負責「感覺」對不對。就像你是導演,AI 是你的超級助理,你只要對他說:「這裡的顏色太醜了,改成像 LINE 那樣的綠色」,或者「我想讓這個按鈕按下去會有煙花效果」,AI 就會幫你把後台複雜的程式碼全部搞定。
你可以把 Vibe Coding 想成是在點餐:你不需要知道廚房怎麼切菜、火候多少,你只要告訴店員「我要大份量、不要蔥、辣度中等」,最後端上來的菜就是你要的。
為什麼這次不一樣?認識 Cursor
以前我們用 ChatGPT 寫程式,得把程式碼「複製 $\rightarrow$ 貼到編輯器 $\rightarrow$ 跑錯 $\rightarrow$ 再複製錯誤訊息貼回 ChatGPT」。這個過程超級累,而且很容易在複製貼上時漏掉一個括號就全毀了。
Cursor 徹底改變了這件事。它不是一個單純的聊天視窗,它是一個「內建 AI 的程式編輯器」。它能直接讀懂你整個資料夾的所有檔案,所以你不需要每次都解釋你的專案在幹嘛,它就已經知道你在寫什麼。
Cursor 的三大神級功能:
- Ctrl + K (快速修改):直接在程式碼中間叫 AI 幫你改這一段,不用跳出視窗。
- Ctrl + L (對話視窗):像在 LINE 聊天一樣問它:「為什麼這段程式碼會報錯?」它會直接幫你修好。
- Composer (全域生成):這是最強的,你可以叫它「幫我建立一個完整的登入頁面」,它會直接幫你開好 3 個檔案並寫完所有內容。
實戰教學:3 個步驟做出你的第一個工具
不需要任何基礎,現在就跟著這樣做:
第一步:安裝與設定
下載並安裝 Cursor(它長得跟 VS Code 一模一樣,如果你用過會覺得很親切)。安裝完後,直接開一個新資料夾,這就是你的「實驗室」。
第二步:用自然語言描述你的需求
按下 Ctrl + I (Composer 模式),直接輸入你的需求。記得,描述得越具體,AI 做得越準。
❌ 錯誤示範: 「幫我做一個記帳 App」 ✅ 正確示範: 「幫我做一個簡單的網頁記帳工具。要有三個輸入框:日期、金額、類別(下拉選單)。下方要有一個表格顯示所有紀錄,並且能自動計算總金額。配色要像 Apple 官方網站那樣簡潔,背景用淺灰色。」
第三步:反覆調整「感覺」 (The Vibe)
程式碼跑起來後,你可能會覺得:「嗯…這個按鈕太小了」或「我想增加一個匯出到 Excel 的功能」。
這時候不要去想怎麼寫 Function,直接對 Cursor 說:
- 「按鈕請放大 1.5 倍,並加上圓角設計」
- 「幫我增加一個按鈕,點擊後可以把表格內容下載成 CSV 檔」
給完全不懂技術者的心法
很多台灣人在學習新工具時會陷入「我想先把基礎學好」的陷阱。但在 Vibe Coding 的時代,「先跑起來」比「學懂原理」重要 100 倍。
你可以把這過程想成在玩《模擬市民》或《Minecraft》,你是在用積木搭建你的想法。如果你在過程中遇到看不懂的英文錯誤訊息,不要慌,直接全選 $\rightarrow$ 貼給 Cursor $\rightarrow$ 問它:「這是什麼意思?怎麼修?」
成本計算
Cursor 有免費額度,如果你想要更強的 AI 模型(例如 Claude 3.5 Sonnet),每月大約需要 $20 USD(約 600 台幣)。比起去報名一個幾萬元的程式設計補習班,這筆投資能讓你直接在實作中學習。
總結:從「學習者」變成「創造者」
以前我們想做產品,得先花半年學 Python 或 JavaScript;現在你只需要花 10 分鐘學習怎麼跟 Cursor 對話。這就像是從「苦練書法」直接跳到「使用 Word」,重點不再是你的筆觸,而是你的內容。
不要再說「我不會寫程式」,你現在只需要會「說話」就能開發軟體了。
現在就打開 Cursor 開始你的第一個專案吧!