跳至主要內容

    裝好 Claude Code,一句話做出你的第一個小遊戲(2026 新手教學)

    從安裝、登入到做出一個能玩的貪食蛇,10 個步驟,不需要會寫程式。附 Claude Code 2.1.304 實際畫面。

    sunny 桑尼· · 11 MIN READ · 174 次瀏覽

    裝好 Claude Code,一句話做出你的第一個小遊戲(2026 新手教學)
    本文目錄

    你是不是也想試試用 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 項。

    實際畫面(2026-10-20):登入方式選第 1 項。

    瀏覽器會打開登入頁。確認登入的是你要用的 Claude 帳號,完成登入後回到終端機。

    瀏覽器的 Claude 登入頁(Anthropic,2026-10-20 擷取)。

    登入一次就會記住,之後不用再登入。

    步驟 5:信任這個資料夾

    回到終端機,如果出現安全提醒,按 Enter 繼續。接著它會問你是否信任這個資料夾,用方向鍵選 Yes, I trust this folder,按 Enter。

    實際畫面(2026-10-21):新的資料夾第一次啟動時會問一次,選 Yes, I trust this folder。

    選好之後,畫面會停在可以輸入的地方,最下面一行是狀態列。

    步驟 6:切到 manual 模式

    按 Shift+Tab,看畫面最下面那一行(狀態列),出現 manual mode on 就停。

    實際畫面(2026-10-20):每按一次 Shift+Tab,狀態列換一種模式。

    注意:新版 Claude Code 一開始是 auto 模式,大多數動作會直接執行。第一次一定要切到 manual,讓它每次建檔、改檔都先給你看。

    步驟 7:一句話做出貪食蛇

    在 Claude Code 裡輸入這一句,按 Enter:

    幫我做一個貪食蛇遊戲:只用一個 index.html 檔案,瀏覽器打開就能玩,用方向鍵控制,撞到牆或自己就結束,按空白鍵重新開始
    

    實測大約 25 秒,它就寫好了,接著跳出核准畫面,問你要不要建立 index.html。畫面上半部是它寫好的程式,看不懂也沒關係,選 Yes。

    實際畫面(2026-10-21):要建立 index.html 前的核准畫面,選 Yes。

    做到這裡,你的 snake-game 資料夾裡會多出一個 index.html。

    步驟 8:打開瀏覽器玩

    到 snake-game 資料夾,對 index.html 按兩下,或把它拖進瀏覽器。用方向鍵控制蛇去吃紅點,畫面上方會顯示分數。

    實際畫面(2026-10-21):打開 index.html 就能玩,方向鍵控制,吃到紅點加 1 分。

    實測時它寫完還提醒:它沒有在瀏覽器裡實際跑過。所以一定要自己打開玩一次。

    步驟 9:一句話改規則

    回到 Claude Code,輸入:

    每吃到一個食物,蛇就變快一點;分數旁邊加上最高分,關掉瀏覽器再打開也要記得
    

    它會分幾次修改 index.html,實測問了 4 次。每次跳出核准畫面,紅色是刪掉的行,綠色是新加的行,看完選 Yes。

    實際畫面(2026-10-21):改檔前的核准畫面,看完改動再選 Yes。

    改完回到瀏覽器,按重新整理,分數旁邊就多了最高分。

    實際畫面(2026-10-21):改完重新整理,分數旁邊多了最高分。

    玩幾局再關掉瀏覽器、重新打開,最高分還在。

    步驟 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 傳給他,用瀏覽器打開就能玩。想放上網路、給一個網址,之後的部署篇會教。

    下一步

    參考資料

    留言0

    登入後就能留言。

    登入