第 8 章
附錄:AI 寫程式工具庫
黃志弘 Leo
跟 AI 一起做東西的筆記
這頁把 10 個 AI 寫程式工具整理成一張對照表:每個工具在做什麼、優點、缺點、適合誰,還有我自己用過的真實看法。
兩種資訊的時間不一樣,先說清楚:優缺點與看法是 2026 年 4 月實際使用的心得,改版後沒有重測;公司、免費方案、價格這些會過期的事實,是 2026-08-20 重新查證的,每一則都附官方來源,你可以自己點進去複查。這次重查就發現十個裡有四個資訊已經過時——兩個被收購改名、一個退場、一個沒人維護了。
收錄工具:Bolt.new、v0、Lovable、Replit Agent 4、Devin Desktop(原 Windsurf)、Devin、Cline、Aider、Continue.dev、GitHub Copilot Workspace
還在正常運作的(7 個)
Bolt.newEP.4 有詳解
StackBlitz 出的「一句話生整個全端 app」網頁工具,瀏覽器內直接預覽 + 部署到 Netlify / Cloudflare。
- 完全網頁版,零安裝
- 一個 prompt 就能跑出可運行的 React/Next/Vite 專案
- 內建即時預覽 + terminal + 一鍵部署
- 對「想 5 分鐘看到原型」的人最有殺傷力
- 雲端 sandbox 跑大型專案會卡
- 對長期維護的真實產品 not great(檔案結構封閉、要 export 才能搬走)
- 高用量需付費
- 想驗證點子、做 demo、比稿用
- 還沒準備好開電腦的初學者
- 一次性 hackathon 專案
v0EP.4 有詳解
Vercel 出的 React + Tailwind UI 生成器。給文字描述或設計圖,回 production-ready 的元件程式碼。
- 出來的 code 直接就是 shadcn/ui + Tailwind,符合主流 React 專案結構
- 可以丟設計圖讓它逆向 React 元件
- Vercel 訂閱裡可能就有額度
- 對「設計先行」的工作流很順
- 只做 UI 不做後端 / 資料庫
- 風格偏單一(shadcn 美學),想跳脫要花力氣
- 不適合非 React 生態的人
- 已經會用 React 的人想加速 UI 階段
- 想學「漂亮元件長什麼樣」的設計師
- shadcn/ui 用戶
LovableEP.4 有詳解
歐洲團隊出的全端 vibe coding 平台。瀏覽器內從 prompt 一路生到可部署的 SaaS 原型,內建 Supabase + GitHub 整合。
- 真正端到端:UI、後端、資料庫、認證一條龍
- 內建 Supabase(DB / Auth / Storage 直接接上)
- 修改用對話 + 點選元素,新手友善度高
- 一鍵 push 到自己的 GitHub
- 月費比 Bolt 貴
- 複雜邏輯還是需要懂概念才能改
- 偶爾會生出超出範圍的多餘檔案
- 想做 SaaS 原型、不想自己接 DB / Auth 的人
- 完全沒寫過 code 但要做有登入的工具
- 創業者快速驗證 MVP
Replit Agent 4EP.4 有詳解
Replit 雲端 IDE 內建的 AI agent。從 prompt 到「能在公網跑的網站」全部在瀏覽器內完成。
- 完全雲端,手機 / iPad / Chromebook 都能用
- 內建 hosting,做完直接給網址
- 對「沒電腦只有手機」的人是少數選擇
- 學生友善(教育帳號便宜)
- 雲端 IDE 的延遲感
- 大型專案會卡
- 自由度比本地工具低
- 學生、行動裝置為主的人
- 教學情境
- 想隨時隨地寫東西的人
Devin Desktop(原 Windsurf)
Codeium 公司在 2024 年推出的 agent IDE,後來品牌統一成 Windsurf。Cascade agent 讓 AI 自動跨檔案改 code。
- 跟 Cursor 同類但相對便宜
- Cascade agent 對「跨檔案重構」做得不錯
- 免費層比 Cursor 大方
- 介面對 VS Code 用戶幾乎零學習
- 社群比 Cursor 小,教學少
- 模型調度沒有 Claude Code 那麼會用 1M context
- 中文資源更少
- 想要 Cursor 體驗但預算更緊的人
- 已經是 Codeium 用戶的延伸
Devin
Cognition 推出的「全自動軟體工程師」。雲端 sandbox 內自己讀 issue、寫 code、跑測試、開 PR。
- 真正的「丟任務就回 PR」
- 有自己的瀏覽器 / terminal / 編輯器環境
- 對「重複性 ticket」很有效
- 走在 agent 化最前面
- 貴(企業定位)
- 黑盒感強,過程不容易插手
- 對複雜任務還是會卡,不是真的「全自動」
- 自架管不到,全在 Cognition 雲
- 有預算、想批次處理 backlog 的團隊
- 想看「最未來感」的 agent 是什麼樣
- 重複性 PR 多的專案
Cline
VS Code 上的開源 AI agent extension。可以掛 Anthropic / OpenAI / OpenRouter / 本地模型(Ollama 等)。
- 完全開源、自架
- 模型可換:你可以把同一套 agent 流程跑在便宜模型上
- 適合「想學原理」的人
- 沒有月費綁定
- 設定要自己接 API key
- 沒有 Cursor / Antigravity 那種拋光感
- 大型專案的 context 管理要自己 cue
- 想完全控制自己 stack 的工程師
- 預算有限想用 OpenRouter 撿便宜模型的人
- 開源信徒
已退場或沒人維護的(3 個)
這三個還留在頁面上,是因為網路上到處還找得到推薦它們的舊文章。你看到別人推,可以回來對一下這裡的現況再決定。
Aider
老牌的終端機 AI 編程工具。用 git commit 為單位來管理 AI 改動,每個對話回合都自動 commit。
- 跟 git 整合最深,diff 感最強
- 純 terminal、無 UI 干擾
- 開源、可換模型
- 對「想看清楚 AI 每一步改什麼」的人最舒服
- 完全沒 UI,新手會怕
- 對「跨多檔複雜任務」的協調沒有 Claude Code 強
- 學習曲線有
- 重度 git 用戶
- 喜歡 commit 一個一個追的工程師
- 老派 Unix 信仰者
Continue.dev
開源 IDE 助手(VS Code + JetBrains),目標是「Cursor 的 open source 版」。可以完全自架本地模型。
- 完全開源
- 支援本地模型(Ollama / LM Studio)→ 完全離線可跑
- 客製化程度高(自己配 prompt / context provider)
- 沒有訂閱
- 體驗不如 Cursor 流暢
- 設定門檻較高
- 本地模型品質還是輸雲端
- 公司不准把 code 送雲端的工程師
- 想離線跑 AI 編程的人
- 自架 LLM 的玩家
GitHub Copilot Workspace
GitHub 官方的 issue → spec → plan → PR 流程工具。直接從 issue 描述生 PR。
- 跟 GitHub issue / PR 完全整合
- 適合團隊協作流程
- GitHub 官方支援,企業採購容易
- 把「需求 → 程式碼」變成清楚的四階段
- 比較硬的流程感,不適合「邊想邊寫」
- 要綁 GitHub 生態
- 新手會被流程嚇到
- 已經在 GitHub 上跑專案的團隊
- 喜歡寫 issue 再開工的人
- 企業內部開發
常見問題
Windsurf 現在還在嗎?
Windsurf 這個名字已經不用了。它的沿革是:Codeium 在 2025 年 4 月改名 Windsurf,2025 年 7 月被 Cognition 收購,2026 年 6 月 2 日正式改名 Devin Desktop,windsurf.com 現在會直接轉到 devin.ai。產品本身還在、方案也沿用,只是原本的 Cascade agent 換成了 Devin Local。你在網路上看到還在講「Windsurf」的教學,多半是 2026 年中以前的舊文。
這些工具我該選哪一個?
先看你要做什麼:想五分鐘看到原型,用瀏覽器型的 Bolt.new 或 Lovable;已經會 React 想加速 UI,用 v0;想長期維護一個真的產品,回到本地工具鏈(Claude Code、Cursor 這類)。工具會一直換,先想清楚你是哪種情境比較省事。
非工程背景的人可以用哪一個?
瀏覽器型的最友善:Bolt.new、Lovable、Replit Agent 都不用安裝、開網頁就能做。Cline 這類要自己接 API key、設定環境,新手先別從那裡開始。
免費的有哪些?
工具本身免費的是開源那幾個:Cline 最活躍,Aider 和 Continue.dev 雖然還能下載但已經沒人在維護。這類都要自備模型 API key,模型本身還是要錢。Bolt.new、v0、Lovable、Replit、Devin 都有免費額度但會用完,實際額度以官網為準,本頁列的是查證日當下的數字。
這頁的資料多久更新一次?
工具迭代很快,這頁每則現況都標了查證日期並附官方來源連結。看到日期太舊就自己點來源複查一次——這頁上一次整理時,十個工具裡就有四個的資訊已經過期。