Claude Code 新手村:從 0 到第一個網站的完整閱讀路徑 (非工程師看版)
先講重點
短答給趕時間的人:Claude Code 新手村 8 篇按入門順序:(1) Claude Code 是什麼 (2) vs Cursor / vs ChatGPT 對照 (3) Windows 安裝 (4) 第一個網站 step-by-step (5) Vercel 部署排錯 (6) checkpoint 系統。一個非工程師全職交易者用 6 個月走完的路徑,30-60 分鐘可看完 hub,完整跑完約 30 天。
「Claude Code 新手村」這個詞我搜了一下發現中文圈幾乎沒有完整的入門路徑 — 文章散落、看了一篇接著該看哪篇沒人指引。
這篇就是補這個洞。把我寫的 8 篇 Claude Code 文章按「非工程師 0 到 1」的閱讀順序整理成一個 hub,適合誰 / 不適合誰 / 預計要花多久全列清楚。
Phase 1 — 認知層 (先搞懂這東西是什麼,30 分鐘讀完)
Phase 1 不是要你動手,是先搞懂「Claude Code 是什麼東西、跟你已經在用的工具差在哪」。沒這層直接跳 Phase 2 會卡。
- 📖 Claude Code 是什麼?跟 Claude / Cursor / ChatGPT 差在哪 — 用一句話 + 對照表講清楚這 4 個工具怎麼分。讀完你會知道「為什麼需要 Claude Code」。預計 8 分鐘。
- 📖 Claude Code vs Cursor:一個非工程師為什麼選了 Claude Code — 兩個 AI Agent 工具的選擇對比。網路上比較都是工程師視角(都說新手選 Cursor),這篇補上非工程師視角。預計 10 分鐘。
- 📖 Claude Code vs ChatGPT:差在哪、什麼時候用哪個 — 已經會 ChatGPT 的人讀,知道為什麼要學 Claude Code、兩個怎麼分工。預計 8 分鐘。
Phase 2 — 安裝與第一個專案 (30-60 分鐘動手)
Phase 2 開始動手。需要 Anthropic Pro 訂閱 (US$20/月),沒裝 Node.js / 不會用 PowerShell 也別擔心,文章都有 step-by-step。
- 📖 Claude Code Windows 安裝踩雷實錄 (2026) — Windows 11 跑半年的非工程師完整 step-by-step。4 步指令 + 3 個 Windows 專屬雷的解法。預計 30 分鐘 (含 debug)。
- 📖 第一次用 AI 做網站:一個非工程師的真實心路歷程 — 第一次跟 Claude Code 合作做一個能上線的工具。30-60 分鐘做出能上線的條件式問答工具 (測驗 / MBTI / 客戶 onboarding 都能套)。
- 📖 Vercel 部署不更新?重寫比修補快的啟示 — 第一次部署到 Vercel 必撞的雷。本地看得到網路看不到怎麼 debug、什麼時候該重寫不該補。預計 20 分鐘讀完,但實戰可能花 1-2 小時 debug。
Phase 3 — 進階 (用 Claude Code 做 bot / 自動化 / checkpoint 系統)
Phase 3 不是必看,看你想做什麼選讀。3 個方向:做 bot / 做工具 / 解決跨對話失憶。
- 📖 AI Agent 實戰:我用 Claude Code 做了每天自動發 Threads 的 AI 機器人 — Claude Code scheduled-tasks 第一個實戰專案。如果你想做內容自動化從這篇開始。
- 📖 Claude Code 跨對話不失憶:斷點系統 + 兩個 hook + 全專案儀表板 — Claude Code 重度用戶解「每次開新對話就忘」的系統。一次設好跨 100 加上對話不浪費 token 重述。
- 📖 AI Agent 可以做什麼?10 個非工程師真實案例 — 看 10 個我用 Claude Code 做的案例 (Threads bot / IG bot / LINE bot / 交易日誌 / market scanner...),選一個你最想做的當下一步。
整套要花多久?(30 天 build-in-public 時程)
如果你跟我一樣是非工程師,以下是合理的 30 天時程估計:
- Week 1:讀 Phase 1 三篇認知 (3-5 hr 含思考) + 訂閱 Claude Code Pro
- Week 2:跑 Phase 2 Windows 安裝 + 做第一個網站 (10-15 hr 含 debug)
- Week 3:部署 Vercel + 解第一波踩坑 + 開始想第二個專案 (10 hr)
- Week 4:選 Phase 3 一篇實作 (Threads bot / 交易工具 / 任選) (15-25 hr)
30 天結束你應該有:1 個能上線的網站、1 個自動化 workflow、跨對話 checkpoint 系統。這就是「Claude Code 從 0 到能用」的階段成果。之後就是不斷做新專案累積。
Claude Code 新手村 8 篇按入門順序分 3 Phase:Phase 1 認知層 3 篇 (是什麼 / vs Cursor / vs ChatGPT) → Phase 2 安裝與第一個專案 3 篇 (Windows 安裝 / 做網站 / Vercel 部署排錯) → Phase 3 進階 3 個方向 (bot / checkpoint / 案例總覽)。一個非工程師全職交易者用 6 個月走完的路徑,合理 30 天時程估計:Week 1 認知 → Week 2 安裝動手 → Week 3 部署解坑 → Week 4 選一個 Phase 3 實作。30 天後你會有 1 個能上線網站加 1 個自動化 workflow加跨對話 checkpoint 系統。
名詞解釋
- Claude Code
- Anthropic 推出的 AI 寫程式工具，裝在自己電腦的終端機裡，能直接讀寫你的檔案、跑指令，把你用中文描述的需求做成真的網站或工具。
- 機器人（bot）
- 自動執行特定任務的程式，例如 LINE bot 自動回訊息、發文 bot 每天定時發貼文。
- 部署（deploy）
- 把做好的網站或程式「推上線」讓所有人用得到的動作。
- Vercel
- 把網站免費發佈到網路上的服務：接上 GitHub 後，每次推程式碼就自動更新網站，個人專案免費方案就夠用。
- ChatGPT
- OpenAI 的對話式 AI。本站常拿它跟 AI 代理對比：ChatGPT 給你答案、你自己動手；AI 代理直接幫你把事做完。
- Cursor
- 內建 AI 的程式編輯器，跟 Claude Code 同類，但走「圖形介面編輯器」路線而非終端機路線。
- 自動化（automation）
- 把重複性工作交給程式定時自動執行，例如每天早上自動抓新聞、整理成貼文、發到社群。
- Threads
- Meta 旗下的文字社群平台。本站的社群引流主戰場之一，相關自動發文流程有整篇教學。
- AI 代理（AI agent）
- 會「動手做事」的 AI：自己讀檔案、寫程式、跑指令、修錯誤，你只負責描述需求跟監督方向。跟只會「回答問題」的聊天機器人是兩種東西。
如果內容對你有用就太好了
隨喜斗內
相關文章
▸ 常見問題
Claude Code 新手村是什麼?
Coolkid AI Lab 把 Claude Code 入門 8 篇文章按非工程師閱讀順序整理成的 hub。從「Claude Code 是什麼」到「做第一個網站」到「跑第一個自動化 bot」,分 3 Phase。一個非工程師全職交易者用 6 個月走完的路徑,新手可直接照抄順序讀。
我可以跳順序讀嗎?
可以但不建議。Phase 1 認知層只要 30 分鐘讀完,跳過直接看實作會卡在「不知道為什麼這樣做」。Phase 2 安裝是必跑(沒裝就動不了)。Phase 3 可以選自己想做的方向,不用全部讀。
Claude Code 一定要付費嗎?
要。Anthropic Pro US$20/月。沒有完全免費版可以用。對比起來,如果你拿它做一個 bot、做一個網站,等於每月省下幾十小時手動操作的時間,對「想用 AI 做事」的非工程師回本很快。
我是 Mac 用戶,這個路徑適合嗎?
Phase 1 認知 + Phase 2 第一個網站 + Phase 3 全部適用。但 Phase 2 安裝那篇是 Windows 版,Mac 用戶可以略過(Mac 安裝較簡單,brew install 5 分鐘搞定)。其他文章都是 OS 中立。
讀完這個 hub 我能做什麼?
如果 30 天時程跟完,你會有:(1) 1 個能上線的網站 (做給自己 / 家人用) (2) 1 個自動化 workflow (Threads bot / 交易工具任選) (3) Claude Code 跨對話 checkpoint 系統(不再每次重述)。後續就是不斷做新專案累積經驗。
看完這篇之前先確認:
- 想學 Claude Code 但找不到入門順序
- Claude Code 文章散落各地想要一個聚合 hub
- 需要一個「30 天從 0 到能跑」的閱讀路徑
- 已經是 Claude Code 重度用戶 (這是新手聚合)
- 想看 Claude Code 進階技巧 (這是入門路徑)
- 完全不想用 AI 工具 (請從認知層開始)
- 想一次看完所有文章 — 一篇一篇照順序讀比較有效
- 跳過認知層直接看實作 — 容易卡在「不知道為什麼這樣做」
- 光讀不動手 — 一定要每讀完一篇就跑一次才會記住