你是不是也想試試用 AI 寫程式,卻卡在「我又不會寫程式,裝好了要做什麼?」這篇不講原理,直接做一個能玩的東西。裝好 Claude Code 之後打一句話,它就寫出一個貪食蛇遊戲,瀏覽器打開就能玩;再打一句話,蛇會越吃越快,還會幫你記住最高分。
快速回答 裝好 Claude Code、登入之後,在一個空資料夾裡打一句話,它就會寫出一個用瀏覽器打開就能玩的貪食蛇,再一句話就能改規則。你需要 Claude Pro、Max、Team、Enterprise 或 Console 帳號(免費的 claude.ai 方案不含 Claude Code)和一台有終端機的電腦,不需要會寫程式。第一次請先切到 manual 模式,它每次建檔、改檔都會先給你看。
做完這篇,你會有
- 一個裝好、登入好的 Claude Code
- 一個
snake-game資料夾,裡面的index.html打開就能玩 - 一個越吃越快、關掉瀏覽器也記得最高分的版本
- 看得懂「核准畫面」,也會切換權限模式
開始之前要準備:
- 一個可用的帳號:Claude Pro、Max、Team、Enterprise,或 Console 帳號(Anthropic 的 API 帳號)
- 終端機:macOS、Linux 用內建的終端機,Windows 用 PowerShell
- 一個瀏覽器,Chrome、Edge、Safari 都可以
不需要會寫程式,也不需要會 git。
步驟 1:安裝 Claude Code
打開終端機,貼上指令,按 Enter。macOS、Linux 或 WSL(Windows 的 Linux 子系統):
curl -fsSL https://claude.ai/install.sh | bash
Windows 用 PowerShell:
irm https://claude.ai/install.ps1 | iex
安裝時畫面不會顯示進度,跑完會回到可以輸入指令的狀態。
步驟 2:確認裝好
關掉終端機,開一個新的視窗,輸入:
claude --version
看到版本號和 (Claude Code),例如 2.1.304 (Claude Code),就裝好了。
步驟 3:建一個遊戲資料夾並啟動
在終端機依序輸入這三行,建一個空資料夾、進去、啟動 Claude Code:
mkdir snake-game
cd snake-game
claude
步驟 4:登入
第一次啟動會先請你選文字主題,選一個按 Enter。接著出現登入方式:用 Claude 訂閱帳號的選第 1 項 Claude account with subscription;用 Console 帳號的選第 2 項。
瀏覽器會打開登入頁。確認登入的是你要用的 Claude 帳號,完成登入後回到終端機。
登入一次就會記住,之後不用再登入。
步驟 5:信任這個資料夾
回到終端機,如果出現安全提醒,按 Enter 繼續。接著它會問你是否信任這個資料夾,用方向鍵選 Yes, I trust this folder,按 Enter。
選好之後,畫面會停在可以輸入的地方,最下面一行是狀態列。
步驟 6:切到 manual 模式
按 Shift+Tab,看畫面最下面那一行(狀態列),出現 manual mode on 就停。
注意:新版 Claude Code 一開始是 auto 模式,大多數動作會直接執行。第一次一定要切到 manual,讓它每次建檔、改檔都先給你看。
步驟 7:一句話做出貪食蛇
在 Claude Code 裡輸入這一句,按 Enter:
幫我做一個貪食蛇遊戲:只用一個 index.html 檔案,瀏覽器打開就能玩,用方向鍵控制,撞到牆或自己就結束,按空白鍵重新開始
實測大約 25 秒,它就寫好了,接著跳出核准畫面,問你要不要建立 index.html。畫面上半部是它寫好的程式,看不懂也沒關係,選 Yes。
做到這裡,你的 snake-game 資料夾裡會多出一個 index.html。
步驟 8:打開瀏覽器玩
到 snake-game 資料夾,對 index.html 按兩下,或把它拖進瀏覽器。用方向鍵控制蛇去吃紅點,畫面上方會顯示分數。
實測時它寫完還提醒:它沒有在瀏覽器裡實際跑過。所以一定要自己打開玩一次。
步驟 9:一句話改規則
回到 Claude Code,輸入:
每吃到一個食物,蛇就變快一點;分數旁邊加上最高分,關掉瀏覽器再打開也要記得
它會分幾次修改 index.html,實測問了 4 次。每次跳出核准畫面,紅色是刪掉的行,綠色是新加的行,看完選 Yes。
改完回到瀏覽器,按重新整理,分數旁邊就多了最高分。
玩幾局再關掉瀏覽器、重新打開,最高分還在。
步驟 10:離開,下次接續
輸入 /exit 離開。畫面會印出一行以 claude --resume 開頭的指令,裡面包含這次對話的編號。下次在同一個資料夾輸入 claude -c,就能接續最近一次的對話。
常見卡關
- 輸入
claude說找不到指令:先關掉終端機、開新的視窗再試。還是找不到,代表安裝位置還沒加進 PATH(系統找指令的路徑清單),照官方的安裝疑難排解修。 - 做出來的遊戲和圖上長得不一樣:每次寫出來的程式不完全一樣,顏色、文字可能不同,能玩就對了。
- 核准畫面一直跳出來很煩:選第 2 項 Yes, and switch to accept edits,之後改檔就不再問。第一次建議還是一個一個看完再選 Yes。
- 遊戲有地方怪怪的:把問題用一句話告訴它,例如「撞到牆不會結束,幫我修」,再照核准畫面選 Yes。
你做到了
- 裝好 Claude Code,登入,並切到 manual 模式
- 一句話做出一個能玩的貪食蛇
- 一句話改規則,並看懂每一次的核准畫面
熟悉了「打一句話、看核准畫面、選 Yes」這個流程,下一篇幫你分清楚 Claude Code、Desktop、Cowork,挑對你要用的工具。
常見問題
Claude Code 要付費嗎?
要。免費的 claude.ai 方案不含 Claude Code。可用的帳號是 Pro、Max、Team、Enterprise 或 Console,也可以透過 Amazon Bedrock、Google Cloud、Microsoft Foundry 使用。
還有其他安裝方式嗎?
有。Homebrew 用 brew install --cask claude-code,WinGet 用 winget install Anthropic.ClaudeCode。這兩種不會自動更新,要自己執行 upgrade。Windows 建議另外裝 Git for Windows。
不是訂閱帳號,要怎麼登入?
登入方式選第 2 項 Anthropic Console account(用預付的 API 額度),或第 3 項,透過 Amazon Bedrock、Microsoft Foundry、Google Vertex AI 這類雲端。之後想換帳號,在 Claude Code 裡輸入 /login。
怎麼讓它一開始就是 manual 模式?
在 ~/.claude/settings.json 把 permissions.defaultMode 設成 default,狀態列就會顯示 manual。只想改這一次,按 Shift+Tab。
做好的遊戲可以給朋友玩嗎?
可以。把 index.html 傳給他,用瀏覽器打開就能玩。想放上網路、給一個網址,之後的部署篇會教。
下一步
- Claude Code、Desktop、Cowork 差在哪?一張表選對工具(2026):還不確定要用哪一個,先看這篇。
- Claude Code 指令與快捷鍵懶人包:每天 10 個、進階 6 個、隱藏版 6 個:做完遊戲,接著學每天會用到的指令。
參考資料
- Anthropic, Quickstart(Claude Code 文件) https://code.claude.com/docs/en/quickstart
- Anthropic, Advanced setup(Claude Code 文件,系統需求、安裝與更新) https://code.claude.com/docs/en/setup
- Anthropic, Choose a permission mode(Claude Code 文件,各模式與切換順序) https://code.claude.com/docs/en/permission-modes
- Anthropic, claude-code CHANGELOG.md(2.1.284 條目:新 session 預設 auto,2026-10-20 讀取) https://github.com/anthropics/claude-code/blob/main/CHANGELOG.md
- Anthropic, Troubleshoot installation and login(Claude Code 文件) https://code.claude.com/docs/en/troubleshoot-install
留言0
登入後就能留言。
登入