Claude Code 實戰教學（2026）：一步步用 AI 從零寫出你的第一個產品
目錄
Claude Code 實戰教學（2026）：一步步用 AI 從零寫出你的第一個產品
想學 Claude Code、想搞懂 vibe coding 到底怎麼實作，這篇就是給你的。最短版本的答案是：在 Windows PowerShell 跑 irm https://claude.ai/install.ps1 | iex（不用先裝 Node.js，會自動更新），在專案資料夾裡打 claude，然後用中文告訴它你要做什麼——它會直接讀你的檔案、寫程式、跑指令，你負責測試跟把關方向。 不需要複製貼上，不需要背語法，你只要能清楚描述問題、判斷結果對不對就行。
👋 這是「新手上路 電腦路線」的第三步（終端機階）。如果你連 AI 開發環境都還沒碰過，建議先走第一步：裝 Google Antigravity和第二步：做出第一個真作品，用免費的圖形介面練熟「交代任務 → 驗收 → 修改」的循環，再回來上終端機。已經等不及的話，直接往下。
Claude Code 是 Anthropic 官方出的 agentic CLI（命令列 AI 工具）。它跟一般的聊天 AI 最大的差別是：它能動你本機的專案。ChatGPT 給你一段程式碼，你要自己貼回去、自己跑、自己找錯誤；Claude Code 是直接在你的資料夾裡改檔案、執行指令、看報錯、自己修。這是「聊天」跟「幹活」的差別。這篇會帶你把整條路走一遍，最後你會有一個真的跑得起來的東西。
Claude Code 跟其他 AI 工具差在哪？
先講清楚為什麼選它，你才知道自己在用什麼。
| ChatGPT / Claude 網頁版 | Cursor | Claude Code | |
|---|---|---|---|
| 能不能動你本機的專案 | 不能（只給你程式碼，你自己貼） | 能（在編輯器裡） | 能（直接在終端機動檔案） |
| 執行指令 | 只能在自己的沙盒 / agent 模式跑，碰不到你電腦上的專案 | 能 | 能，直接跑在你的專案上 |
| 適合誰 | 問問題、學觀念 | 有一點程式基礎 | 想動手做東西、也接受純對話上手 |
| 互動方式 | 一問一答 | 編輯器 + AI | 像跟人交代任務 |
我自己的判斷：如果你完全零基礎，Claude Code 反而比 Cursor 好上手，因為它不需要你先懂編輯器、懂專案結構，你就是打字跟它講話，它處理剩下的。
Step 0：安裝與登入
先把錢的事講清楚：Claude Code 本身免費，但背後的 AI 要嘛用 Claude 訂閱（Pro 方案約 US$20／月），要嘛用 API key 儲值計費。前兩步的 Antigravity 現階段免費，如果它還夠用，你可以先待在那裡，等真的碰到它做不到的事再回來，這篇不會跑掉。
Windows 最簡單的裝法是 Anthropic 官方的 PowerShell 安裝指令——不用先裝 Node.js，之後也會自動更新。（PowerShell 怎麼開？按鍵盤上的 Windows 鍵，直接打 powershell，按 Enter，出現的深色視窗就是了。）
# 在 PowerShell 安裝 Claude Code（不需要 Node.js）
irm https://claude.ai/install.ps1 | iex
跑完會刷過一段英文。裝好的判準：把 PowerShell 關掉重開，打 claude --version 按 Enter，有跳出一串版本數字就是成功了。
啟動方式：用檔案總管進到你的專案資料夾（還沒有專案就在桌面新增一個資料夾），在上方網址列打 powershell 按 Enter，出現深色視窗後打 claude。
Mac / Linux 用終端機跑這行，效果一樣：
curl -fsSL https://claude.ai/install.sh | bash
如果你電腦已經裝了 Node.js，也可以改用 npm 安裝：
npm install -g @anthropic-ai/claude-code
💡 「在專案資料夾裡開終端機」怎麼做？Windows：開檔案總管進到那個資料夾，在網址列打
powershell按 Enter。Mac：在 Finder 對資料夾按右鍵，選「在終端機打開」。就這樣。
登入方式有兩種，選一種就好：
- 用 Claude 訂閱登入：第一次啟動時它會帶你用瀏覽器登入，直接沿用訂閱額度。還沒有帳號的話：先到 claude.ai 用 Google 帳號註冊（介面有中文），在裡面升級 Pro（信用卡月付），再回到終端機打
claude登入。對大多數人來說這是最省事的方式。 - 用 API key：到 console.anthropic.com 建立一組 API key，貼進去即可。（API key 是一組像密碼的字串，讓程式代替你使用 AI，用多少扣多少；那個網站全英文，新手先走上面那條。）這條路適合要接自動化、或想精算用量成本的人。
不確定選哪個？先用訂閱登入，之後要換再換，兩條路隨時可以切。
第一次打 claude 會出現英文的設定選單（選配色、選登入方式）。這個畫面滑鼠點不動，是正常的：用鍵盤的 ↑↓ 移動、Enter 確認。選什麼都不影響之後使用。
Step 1：把想法說清楚（這步最重要）
Vibe coding 最容易失敗的地方，不是 AI 不夠強，是你自己沒想清楚要什麼。AI 不會猜你的意圖，你講什麼它做什麼。
開工前，先用白話寫下這四行：
我想做什麼：一個自動產生 Threads 貼文點子的小工具
輸入：我的主題（例如「保險業務」）
輸出：3 個適合 Threads 的貼文點子，附 hashtag，繁體中文
技術：不知道，讓 AI 決定
「技術：不知道」是完全 OK 的答案。你的工作是描述目標，選技術是 AI 的工作。
Step 2：開始對話，讓它先規劃再動手
啟動 claude 之後，直接用中文講：
「幫我建一個 Node.js 腳本，用 Claude API 產生 3 個 Threads 貼文點子。輸入是主題關鍵字，輸出是繁體中文貼文加 hashtag。先告訴我你打算怎麼做，我確認方向後再開始寫。」
最後那句「先告訴我你打算怎麼做」是關鍵。它會先給你一個計畫，你確認方向對了再讓它動手——這樣可以避免它一口氣做出一大堆你根本不想要的東西。
一個誠實的預告：這個範例做出來的腳本執行時需要另一組會計費的 API key（跟你用什麼方式登入 Claude Code 無關），電腦也要裝 Node.js（Claude Code 會帶你裝）。不想現在碰這兩件事，把任務換成改網頁就好，例如：「幫我在第二步做的服務介紹頁加一個常見問題區塊，改完在瀏覽器打開給我看」——整條流程練起來一模一樣。
它接著可能會反問你幾件事：
- 「腳本要用的 API key 有嗎？」→ 沒有就直接說「先用假資料（mock）代替，之後再接」，照樣能跑完流程
- 「輸出直接印在終端機就好，還是要存檔？」→ 先印出來就好
- 「要不要加網頁介面？」→ 先不要，命令列版本能跑再說
不要為了看起來懂而亂回答。不知道就說不知道，讓它建議。
Step 3：測試 → 描述問題 → 修正（vibe coding 的核心循環）
跑起來之後你會看到輸出。不對就直接用中文講哪裡不對：
- 「貼文太長了，Threads 上限 500 字，幫我砍短」
- 「hashtag 太少，加到 5 個」
- 「語氣太正式，改口語一點」
它改完你再跑，再看，再講。這個循環——測試、描述問題、AI 修正、再測試——就是 vibe coding 的全部。你不用會修程式碼，你只要會判斷「這個結果對不對」。
如果程式直接報錯，把整段錯誤訊息複製貼給它：
「跑出這個錯誤：[貼上完整錯誤]，怎麼修？」
錯誤訊息裡通常就藏著答案，它讀得懂。真的一次沒修好，就把新的錯誤再貼回去，通常幾輪就會收斂。
Step 4：一定要驗證，尤其是碰資料的地方
這是整篇最重要的一段。AI 有時候會很自信地產出看起來對、其實錯的程式碼。 這是 vibe coding 最大的陷阱。
解法只有一個字：驗證。不要假設 AI 的輸出是對的，尤其是這些會出事的地方：
- 存檔、讀檔（檔案位置對不對）
- 呼叫外部 API（有沒有真的成功、回什麼）
- 任何跟錢有關的（金流、計費，一定手動對過）
如果你做的是會接觸 AI、會處理使用者輸入的東西，還有一層要顧：AI 應用本身的安全。使用者的輸入可能藏著 prompt injection（提示注入）——騙你的 AI 做原本不該做的事。這不是理論風險，是 OWASP 已經列進去的攻擊類別。
這時可以用 UltraProbe（我們開源的 AI 安全掃描器，npm install -g ultraprobe）。它是純本機的偵測，不需要 API key、不會上傳你的資料，涵蓋 25 個偵測向量（12 個 LLM prompt-injection + 13 個 agent/ASI），對應 OWASP 的 ASI Top 10。你的 vibe coding 作品要上線前，先讓它掃一遍，比出事之後再補洞划算太多。原始碼在 github.com/ppcvote/ultraprobe。
從玩具到真產品：把循環放大
上面那個「產貼文點子」的腳本是玩具，但同一套循環可以放大到真正的產品。差別只在你願不願意一步步往前推。
拿我們自己做的 MindThread（mindthread.tw）當例子。它是一套 Threads 自動化 SaaS，走的是官方 Threads Graph API（合規，不是爬蟲），功能包括多帳號排程、AI 看圖生文（上傳圖片讓 AI 寫文案）、文案庫、排程佇列、全自動發布、看板式帳號管理，還有「海巡留言」（自動找相關貼文留言）跟「黃金 3 分鐘自動回覆」。這種規模的產品，一樣是從「先做一個能跑的最小版本」開始，再一塊一塊往上疊——而不是一開始就要 AI 生出整個系統。
放大時記住三個心法：
1. 分批做，不要一次要太多
❌「幫我做完整的排程系統，含登入、多帳號、AI 生成、佇列、後台」
✅「第一步：先做單一帳號的貼文列表，只顯示內容跟時間就好。」
2. 給足上下文
❌「幫我做一個登入功能」
✅「我的專案是 React + Firebase，已經接好 Firestore，
幫我做 Email + 密碼登入，成功後跳轉 /dashboard」
3. 把 AI 當顧問，不只是工人
不確定方向時：
「我想做 X，有哪些做法？各自的優缺點是什麼？」
它不只會寫程式，也會幫你比較架構。決策還是你做，但你會做得比較有依據。
常見問題
「AI 做出來的我看不懂，之後怎麼維護？」 問它：「用繁體中文解釋這段程式碼在做什麼，不要用術語。」慢慢你就開始看懂了。vibe coding 不是永遠不學程式，是邊做邊學。
「我怎麼知道我講得夠不夠清楚？」 回答這三題再全部丟給它：誰在用？要做什麼？結果長什麼樣（一個網頁 / 一個 Excel / 一則 Telegram 訊息）？
「Claude Code 掛在 Windows 上、Telegram 通知不穩怎麼辦？」 這是我們踩過的坑。我們把解法開源成 claude-tg-windows（Telegram 外掛在 Windows 上的可靠性工具包），自己這套設定天天在用、也持續在調穩。有同樣困擾可以直接拿去用。
今天就可以開始的檢查清單
- 在 PowerShell 跑
irm https://claude.ai/install.ps1 | iex裝 Claude Code（Windows 免裝 Node.js） - 已經有 Node.js 的話，也可改跑
npm install -g @anthropic-ai/claude-code - 打
claude，用訂閱或 API key 登入（Step 0） - 桌面建一個新資料夾，在裡面開終端機、打
claude - 用中文告訴它你想做什麼——先請它規劃，你確認再開工
- （進階選配）上線前用
ultraprobe掃一遍安全；還不會裝 npm 套件的話跳過，之後再回來
總結
Claude Code 把「會不會寫程式」這道門檻拆掉了大半。它的價值不是幫你思考，而是讓你把力氣花在真正重要的地方：想清楚要解決什麼問題、判斷結果好不好、決定下一步。
寫程式的技能不會過時，但「不會寫程式就做不出產品」的時代，確實已經過去了。工具都在你手上，剩下的只差你打開終端機，打下第一行字。
做出東西之後，電腦路線還有兩級台階：把專案交給 GitHub，讓網站自己更新，然後寫一份 CLAUDE.md，讓 AI 記住你的專案。
Ultra Lab 專注在 AI 驅動的產品開發與自動化。想從想法快速落地成產品，來聊聊。