Claude Code 新手無痛上手攻略

從「零成本免費體驗做網頁」一路帶你到「自己用 AI 開發專案」。
適合完全沒寫過程式、但想試試看用嘴巴就能做出東西的人。

這份攻略在幹嘛？

很多人想試 AI 開發，第一個問題都是：「我又不會寫程式，而且還要付錢，萬一不適合我怎麼辦？」

答案是：先不要付錢。 你可以用完全免費的工具，先體驗「描述想法 → 馬上看到網頁」的爽感。等你確定自己喜歡這件事、想做更多，再升級到 Claude Code 來認真開發。

所以這份攻略分成三個階段：

階段 0｜免費試水溫：用 ChatGPT 或 Claude 的免費版，動嘴做出一個會動的網頁。
階段 1｜判斷要不要升級：搞清楚 Claude Code 到底比免費版多了什麼，值不值得付。
階段 2｜無痛裝好 Claude Code 開始開發：一行指令安裝，第一個專案實戰。

階段 0｜先免費玩一次「動嘴做網頁」

這一步完全免費、不用安裝任何東西、不用會程式。目的只有一個：讓你親眼看到「打字 → 出現一個能動的網頁」是什麼感覺。

方法 A：用 ChatGPT 的預覽功能

打開 chatgpt.com，註冊免費帳號。
直接打一句話，例如：
幫我做一個互動式網頁：一顆按鈕，按下去畫面會隨機變色，並顯示一句鼓勵的話。
ChatGPT 會吐出一段程式碼，程式碼區塊上方會有一個「預覽 / Preview」的播放鍵。
點下去，右邊就會直接跑出你剛剛描述的那個網頁，可以馬上互動。

不滿意？直接再打字叫它改，例如「字太小了，放大一點」「再加一顆重置按鈕」。這就是 vibe coding（憑感覺寫程式） 的核心體驗——你負責描述，AI 負責實作。

方法 B：用 Claude 的 Artifacts

claude.ai 的免費版有個功能叫 Artifacts，體驗其實比預覽鍵更直覺：你叫它做網頁，它會在右邊開一個面板即時把網頁畫出來，邊講邊改、立刻看到結果。

而且它跟你之後要用的 Claude Code 是同一家（Anthropic）做的，先熟悉 Claude 的講話方式，之後升級會更順。

試試這句：「做一個番茄鐘計時器網頁，25 分鐘工作 / 5 分鐘休息，要有開始、暫停、重置，介面簡單好看。」

這一步的重點

不用付錢：兩個平台的免費額度，玩這種小網頁綽綽有餘。
不用裝東西：全程在瀏覽器裡完成。
重點是「上癮」：如果你做完覺得「欸這也太好玩 / 太方便了，我想做更多」，那就代表值得進到下一階段。如果你覺得還好，那也省下一筆錢，很好。

階段 1｜什麼時候該升級到 Claude Code？

免費版的網頁預覽很爽，但它有天花板：

做出來的東西活在瀏覽器分頁裡，關掉就沒了，不容易變成一個真正存在你電腦上、能持續長大的專案。
通常一次只能處理一個檔案，做不了「很多檔案互相串接」的真實專案（例如一個有前端、後端、資料庫的網站）。
不能直接幫你跑指令、裝套件、改你電腦上現有的專案。

Claude Code 解決的就是這些。 它是一個跑在你「終端機」裡的 AI 開發夥伴，差別在於：

免費網頁版（ChatGPT / Claude 網頁） Claude Code 在哪用瀏覽器你電腦的終端機 / 桌面 App 看得到你的專案嗎看不到 能讀懂你整個專案資料夾 能改真實檔案嗎不行 能直接建立、修改你電腦上的檔案 能跑指令嗎不行 能幫你裝套件、跑測試、執行程式 適合試水溫、單頁小東西真正開發、會長大的專案

判斷標準很簡單：如果你在階段 0 做完，心裡冒出「我想做一個真的、會一直改進的 App / 網站」，那就是該升級的時候了。

要花多少錢？

Claude Code 下載免費，但使用需要付費方案：免費的 Claude.ai 方案不包含 Claude Code。最便宜的入門是 Claude Pro，約每月 US$20（年繳更便宜）；重度使用者才需要考慮更高的 Max 方案。台灣地區實際價格與付款方式請到 claude.com 確認。

建議：先訂一個月 Pro 試試，不適合隨時可以取消，不用怕被綁約。

階段 2｜無痛安裝 Claude Code

好消息：現在安裝一行指令就好，不用先裝 Node.js、不用搞一堆環境。官方推薦的「原生安裝器（Native Installer）」會自動下載、自動設定、之後還自動更新。

第一步：確認你符合條件

作業系統：macOS 13 以上、Windows 10（1809 以上）、或 Linux。
方案：已經訂了 Pro / Max / Team / Enterprise 其中一種。
找到「終端機」：
- Mac：打開「終端機 Terminal」（在「應用程式 → 工具程式」裡，或用 Spotlight 搜尋 Terminal）。
- Windows：打開「PowerShell」（開始選單搜尋 PowerShell）。
怕終端機？也可以直接用 Claude 桌面 App，裡面有圖形化的 Claude Code，不用碰指令列。

第二步：貼上安裝指令

在終端機貼上對應你系統的那一行，按 Enter：

macOS / Linux / WSL：

curl -fsSL https://claude.ai/install.sh | bash

Windows（PowerShell）：

irm https://claude.ai/install.ps1 | iex

Windows 小提醒：建議先裝 Git for Windows（非必要，但裝了體驗更完整）。如果你貼指令時看到 'irm' 不是內部或外部命令 的錯誤，代表你開錯視窗了，你開的是 CMD 不是 PowerShell。

裝完關掉終端機再重新打開（讓設定生效）。

第三步：確認裝好了

重新打開終端機，輸入：

claude --version

有跑出版本號就代表成功。如果出問題，輸入這行做健檢，它會告訴你哪裡卡住：

claude doctor

第四步：第一次啟動 + 登入

用終端機進到你想放專案的資料夾（之後會教，第一次可以先隨便找個空資料夾）。
輸入：
```
claude
```
它第一次會自動開瀏覽器，叫你登入你的 Claude 帳號授權，照著點完就好。
看到對話介面出現，就可以開始跟它講話了。

你的第一個專案（實戰 5 分鐘）

先在桌面建一個空資料夾，例如叫 my-first-app。
終端機進到那個資料夾，輸入 claude 啟動。
直接打字下指令，例如：
幫我做一個簡單的待辦事項網頁，可以新增、勾選完成、刪除項目，介面乾淨一點。做好之後告訴我怎麼打開來看。
Claude Code 會直接在這個資料夾裡幫你建立檔案。過程中它可能會問你「要不要執行這個動作？」——這是它的安全機制，看一下沒問題就按同意。
做完它會教你怎麼打開（通常是雙擊某個 .html 檔，或跑一行指令）。

恭喜，你剛剛用嘴巴做出了一個真正存在你電腦上、可以一直改下去的專案。

新手必懂的 5 個小觀念（避坑用）

讓你用得「無痛」的關鍵，其實就這幾個：

CLAUDE.md 是它的記憶 在專案資料夾裡放一個叫 CLAUDE.md 的檔案，寫上這個專案的規則、技術選擇、你的偏好（例如「全部用繁體中文註解」）。Claude Code 每次都會先讀它，等於幫它建立長期記憶，省得你每次重講。
Plan Mode（計畫模式）：先想再做 遇到比較大的任務，可以叫它「先給我計畫，不要動手」。它會先列出打算怎麼做，你確認 OK 再讓它執行，避免它一頭熱改一堆東西。
權限提示不是壞事 它要跑指令、改檔案前會問你同意，不要無腦全部允許。看清楚它要做什麼再點，尤其是刪除類的動作。這是保護你電腦的安全閥。
任務要小而具體 不要一次丟「幫我做一個電商網站」這種大魔王。拆成「先做商品列表頁」→「再加購物車」→「再串付款」。一次一小步，做錯也好回頭。
它會犯錯，你要會喊停 AI 有時候會鬼打牆（改 A 壞 B、再改 B 壞 A）。發現它在繞圈，直接打斷它、把方向講清楚，或請它退回上一步。重要的東西先用 Git 存檔，就不怕改壞。

接下來可以往哪走

想做手機就能遙控的開發：Claude 手機 App 可以遠端接手終端機的任務。
想要圖形化、看得到檔案差異：用 Claude 桌面 App 裡的 Code 分頁，有預覽面板、不用一直看指令列。
想接自己的工具（Gmail、資料庫、設計稿等）：研究一下 MCP（讓 Claude Code 連接外部服務的機制）。
卡關時：官方文件在 code.claude.com/docs，繁體中文社群、Discord 也都找得到人問。

一句話總結

先免費玩一次「動嘴做網頁」確認自己喜歡 → 再花一個月的錢把 Claude Code 裝起來認真開發。 安裝只要一行指令，第一個專案 5 分鐘就能跑起來。你不需要先變成工程師，邊做邊學就好。

安裝與方案最新資訊以官方為準：code.claude.com/docs/en/setup
本攻略與 Claude 協作完成，這也是它能做到的事情之一。