Vista電子報 No.109：Vibe Coding 到底是什麼？為什麼零基礎也能做出網站

從國立中山大學中文系的三小時奇蹟說起

Mar 19, 2026

前幾天，我在部落格上寫了一篇〈文科生在 AI 時代如何立足？你的優勢比你想的更強大〉，引起不少朋友的共鳴。文章發出後，收到許多讀者私訊跟我說：「Vista 老師，道理我都懂，但具體該怎麼做呢？」

說來也很巧，就在昨天，我到了高雄西子灣的國立中山大學，為一群中文系的同學講了一堂 Vibe Coding 的實作課。這群同學們就是典型的文科生——他們平常讀的是詩詞曲賦、文學理論，離程式碼的世界可以說是非常遙遠。但令我驚喜的是，短短三個小時之內，每一位同學都成功打造出了自己的網頁作品。

儘管沒有一行程式碼是他們自己手寫的，但每一個作品都是他們自己構思、描述和迭代出來的。

這件事讓我更加確信：Vibe Coding 不只是工程師的新玩具，它更是讓所有人——尤其是擁有人文素養、善於表達的文科人——重新定義創造力的一把鑰匙。

一場從「我不會寫程式」到「這是我做的網站」的翻轉

在中山大學的課堂上，有同學偷偷跟我說：「老師，我原本以為自己這輩子根本不可能做出一個網站？」

我讓他們打開 Antigravity 這個 AI 工具，然後跟他們說：「現在，請你用中文描述一下你心目中理想的個人網頁長什麼樣子。寫得像你平常寫作文一樣就好。」

有同學寫了：「我想要一個文青風格的個人網站，背景是淡米色，可以跟虛擬的王陽明對話。」也有同學寫了：「幫我做一個古典中國風的網頁，可以展示陽明心學，要有水墨畫的感覺。」

當 AI 在幾十秒內就生成了第一個版本，教室裡此起彼落的驚呼聲，至今還迴盪在我腦海裡。

嗯，這就是 Vibe Coding 最令人著迷的地方——你不需要懂 HTML、CSS、JavaScript 這些技術語言，你只需要懂得表達你要什麼？而表達能力，恰恰是文科生最擅長的事。

到底什麼是 Vibe Coding？

Vibe Coding 這個詞，最早是由 AI 領域的重量級人物 Andrej Karpathy 在 2025 年 2 月提出的。Karpathy 曾是 OpenAI 的共同創辦人，也曾擔任 Tesla 的 AI 總監，在人工智慧領域有著舉足輕重的地位。

他在社群平臺 X（前 Twitter）上寫了這麼一段話，大意是說：「有一種新的寫程式方式，我稱之為 Vibe Coding。你完全投入那個感覺、擁抱指數型成長，然後忘記程式碼的存在。」他形容自己的工作方式是：「我只是看東西、說東西、跑東西、複製貼上東西，然後它基本上就能運作了。」

Thanks for reading Vista電子報! This post is public so feel free to share it.

這段看似平凡無奇的話語，卻在科技圈引起巨大迴響。到了 2025 年底，《柯林斯字典》（Collins English Dictionary）甚至將 Vibe Coding 選為年度詞彙。進入 2026 年，它已經不再只是一個流行語，而是成為數以百萬計的開發者與創作者實際採用的工作方式。

用最白話的方式來解釋：Vibe Coding 就是用自然語言（也就是你平常說的話和寫的字）來告訴 AI 你想要什麼軟體或網站，然後由 AI 幫你把程式碼寫出來。

簡單來說，你負責的是構思、描述、判斷和修正方向；AI 負責的是把你的想法翻譯成電腦能懂的語言。

Vibe Coding 跟傳統寫程式有什麼不同？

如果用一個比喻來說明，傳統的軟體開發就像是你親手蓋一棟房子——你得懂建築結構、會看設計圖、能操作各種工具。而 Vibe Coding 更像是你跟一位經驗豐富的建築師描述你夢想中的房子：「我想要一棟兩層樓的日式風格住宅，一樓有開放式廚房，二樓有面對山景的書房⋯⋯」然後建築師幫你把它蓋出來。

在這個過程中，你不需要會砌磚、不需要會接水電，但你需要知道自己要什麼、能判斷成品好不好、能給出明確的修改意見。這些能力，其實就是需求分析、品質判斷和溝通表達——全都是文科訓練中最核心的素養。

傳統寫程式的核心技能，是語法、邏輯結構、演算法。Vibe Coding 的核心技能，則是清晰表達、場景描述、審美判斷和迭代溝通。這正是為什麼我會說：在 Vibe Coding 的世界裡，文科生的語言敏感度和表達能力，反而成了最大的競爭優勢。

Vibe Coding 可以用來做什麼？

很多人第一次聽到 Vibe Coding，都會問：「所以它到底能做什麼？」答案是：比你想像的多很多。

在中山大學的課堂上，三個小時之內，同學們很快就做出了陽明心學的課程學習網頁。而在我過去幾個月的教學經驗中，學員們用 Vibe Coding 完成的作品更是五花八門：有人做了自己的部落格，有人做了小型電商頁面，有人做了課程報名表單，甚至有人做了互動式的教學遊戲。

具體來說，Vibe Coding 特別適合用來製作以下這些東西：個人品牌網站與作品集、活動報名頁面與宣傳網站、簡單的資料管理工具（比如閱讀清單、客戶名單）、互動式簡報或展示頁面，以及各種原型（Prototype）的快速驗證。

當然，它目前還不太適合用來開發大型企業級系統或高度複雜的技術產品。但對於絕大多數非工程師來說，Vibe Coding 能幫你實現的已經涵蓋了日常工作和個人品牌經營中的大部分需求。

零基礎的人如何開始學 Vibe Coding？五個實踐步驟

根據我在教學現場的觀察，我歸納出五個步驟，幫助完全沒有技術背景的人快速上手 Vibe Coding。

第一步：從一個小小的具體需求開始。不要一開始就想做一個很厲害的東西。先想一個你生活或工作中真實需要的小工具或小網頁。比如：「我想做一個簡單的個人自我介紹頁面」或「我想做一個記錄每天閱讀進度的小工具」。需求愈具體、愈小，成功的機率愈高，你的成就感也來得愈快。

第二步：學會寫好提示詞（Prompt）。Vibe Coding 的品質，有很大一部分取決於你給 AI 的描述有多清晰、多具體。比起寫「幫我做一個網站」，你寫「幫我做一個個人作品集網站，風格簡約現代，頂部有導覽列，包含『關於我』、『作品集』、『聯絡方式』三個頁面，配色以深藍和白色為主」，得到的結果會好上許多倍。這其實就是一種精準表達的訓練——文科生在這方面有天然優勢。

第四步：建立你的提示詞資料庫。在練習的過程中，你會發現某些描述方式特別有效。把這些好用的提示詞記錄下來，慢慢累積成你自己的提示詞資料庫。這就像寫作一樣，你會漸漸發展出自己的語感——一種知道怎麼跟 AI 溝通最有效率的直覺。

第五步：從模仿到創造。初期可以先參考別人的作品，試著用 Vibe Coding 複製出類似的效果。當你對工具的能力和限制都有了基本認識之後，就可以開始嘗試創造獨一無二的東西了。這個從模仿到創造的過程，跟學寫文章的歷程其實是完全一樣的。

文科生學 Vibe Coding 的三大優勢

我之所以特別鼓勵文科背景的朋友學習 Vibe Coding，是因為你們身上有三個工程師未必具備的超能力。

第一個優勢是語言的精準度。Vibe Coding 的核心就是用文字來描述你想要什麼。誰最擅長精準地使用文字？就是那些受過語言訓練的人。中文系的同學能寫出「我想要一個像宣紙般溫潤的米白色背景，搭配行書字體的標題」，這種充滿畫面感的描述，會讓 AI 產出遠比「做一個好看的網頁」更精緻的結果。

第二個優勢是敘事與架構的能力。一個好的網站或應用程式，本質上就是一個好的「故事」——它需要有開頭（首頁）、發展（內容頁）、高潮（核心功能）和結尾（行動呼籲）。文科生天生就比較擅長做這件事：組織資訊、安排節奏以及引導讀者的注意力。

第三個優勢是同理心與使用者思維。人文學科的訓練讓你習慣站在他人的角度思考。當你在設計一個網頁或工具時，你會自然地想到：「使用者第一眼會看到什麼？他們會怎麼操作？什麼會讓他們困惑？」這種以人為本的思維，正是好產品最珍貴的靈魂。

Vibe Coding 的現在與未來

Vibe Coding 從 2025 年初被提出到現在，已經經歷了一段快速的演化。最初 Karpathy 把它定位為一種輕鬆隨興的嘗試方式，主要用在週末的小專案上。但到了 2026 年，它已經發展出更成熟的面貌——Karpathy 自己後來也提出了「Agentic Engineering」（代理工程）這個進階概念，強調在享受 AI 帶來的高效率之同時，也要對產出的品質保持專業的監督。