Vibe Coding 工具
Vibe Coding 是一種「順著感覺寫程式」的方式,讓你用自然語言與 AI 合作,快速建構應用程式、網站或工具。你不需要精通程式語法,只要描述你的想法,AI 就能幫你完成大部分工作!
🧠 什麼是 Vibe Coding?
Vibe Coding 是一種新的程式設計方式,由 Andrej Karpathy 提出。他說:
「我稱這種新的程式設計方式為『Vibe Coding』,你完全順著感覺走,甚至忘了程式碼的存在。我只是看到東西、說出想法、執行程式、複製貼上,然後它大致上就能運作了。」
👉 適合初學者、創意工作者、設計師、學生,或任何想快速實現點子的人。
🧪 工具分類與教學註解
1. 🌐 瀏覽器工具(免安裝,直接使用)
工具名稱 | 功能簡介 | 適合用途 |
---|---|---|
Bolt.new | 用提示語建立全端應用程式 | 學生想快速做出網站或 App |
Lovable | AI 幫你從想法變成 App | 創意發想、專題製作 |
v0.dev | 建立 NextJS 前端介面 | 前端設計練習 |
Replit | 線上程式編輯器 + AI 助手 | 練習寫程式、即時執行 |
Create.xyz | 把文字變成工具或網站 | 學生創作、點子實現 |
2. 🧑💻 編輯器與 IDE(進階使用)
工具名稱 | 功能簡介 | 適合用途 |
---|---|---|
Cursor | AI 協作程式編輯器 | 學生想學習真實開發流程 |
Zed | 高效協作編輯器 | 小組專案、多人協作 |
Amazon Kiro | AI IDE,從原型到產品 | 專題製作、原型開發 |
3. 🔌 外掛與擴充功能(加強 VS Code 或 Neovim)
工具名稱 | 功能簡介 | 適合用途 |
---|---|---|
GitHub Copilot | AI 自動補全程式碼 | 初學者寫程式時的好幫手 |
avante.nvim | Neovim 的 AI 插件 | 喜歡用終端機編輯器的學生 |
continue | 自訂 AI 助手 | 學生想建立自己的 AI 助理 |
4. 🖥️ 命令列工具(進階挑戰)
工具名稱 | 功能簡介 | 適合用途 |
---|---|---|
aider | 終端機中的 AI 搭檔 | 學生練習 CLI 操作與 Git |
claude-code | AI 讀懂你的程式碼庫 | 專題開發、程式碼解釋 |
Gemini CLI | Google 的 AI 終端機助手 | 練習指令與自動化任務 |
📚 學習資源與文章推薦
資源名稱 | 說明 |
---|---|
Vibe Coding 101 with Replit | DeepLearning.AI 的入門課程 |
The Way of Code | Rick Rubin | 結合創意與程式的哲學 |
Vibe Coding – The New Stack | 介紹 Vibe Coding 如何讓人人都能「說程式語言」 |