Claude Code 網頁版(claude.ai/code)怎麼用:在雲端跑任務

Claude Code 網頁版(雲端會話)不用在電腦上裝任何東西:連接 GitHub、選倉庫、交代任務,Claude 在雲端虛擬機裏改代碼並推送分支。本文講哪些套餐能用、怎麼開始、審閱 diff、建 PR、和本地會話互相轉移。

NNathaniel bigo··原創首發·AI 輔助撰寫
9 分鐘讀完
資料核對於 2026-10-07 · 依據官方文檔與公開資料整理 Plus 帳號
本文根據 Claude Code 官方文檔《Get started with Claude Code in the cloud》《Use Claude Code in the cloud》整理,核對日期 2026-10-07。

適用於誰

  • 想在瀏覽器或手機上直接讓 Claude 改 GitHub 倉庫的代碼,不想在本地裝環境的人;
  • 想同時跑好幾個互不相干的任務、交代完就去忙別的的人;
  • 搜「claude code web」「claude code 網頁版」「web ui」的人。

結論先說

  1. Claude Code 網頁版 = 雲端會話:在 claude.ai/code 打開,Claude 會把你的 GitHub 倉庫克隆到一台 Anthropic 管理的隔離虛擬機裏幹活,改完推送一個分支給你審。
  2. 可用套餐:Pro、Max、Team,以及 Enterprise 中帶高級席位或「Chat + Claude Code」席位的用戶。
  3. 需要 GitHub:第一次要連接 GitHub 帳號;私有倉庫需要在對應帳號或組織上安裝 Claude GitHub App。
  4. 雲端會話關掉網頁、合上電腦也會繼續跑;手機 App 上也能查看和繼續。
  5. 雲端會話和本機的其他 Claude 使用共享同一份額度,並行跑多個任務消耗相應增加;官方說明雲端虛擬機本身不額外收費。

網頁版和本地版怎麼選

雲端會話(網頁版)本地會話本地會話 + Remote Control
代碼在哪運行雲端虛擬機你的電腦你的電腦
從哪裏開始claude.ai/code、手機 App、桌面版選 Cloud、claude --cloud終端、IDE、桌面版選 Local終端、VS Code、桌面版
用你本地的配置否,只有倉庫內容是是
需要 GitHub是否否
斷開後繼續運行是否本機會話開着就繼續
權限模式Accept edits、Plan、Auto全部從網頁 / 手機可選 Manual、Accept edits、Plan

官方建議:並行任務、本地沒有的倉庫、交代清楚就不用盯的任務、讀代碼答疑,適合雲端;需要本地配置、工具或環境的工作,用本地會話或 Remote Control 更合適。

步驟

1. 打開 claude.ai/code 並連接 GitHub

  1. 訪問 claude.ai/code,用 claude.ai 帳號登入;
  2. 按提示連接 GitHub,在 GitHub 授權頁確認;
  3. 想用私有倉庫,到 github.com/apps/claude 給對應帳號或組織安裝 Claude GitHub App(組織可能需要所有者批准)。安裝後還能用「自動修 PR」功能;
  4. 雲端環境:Pro / Max 會自動創建一個名為 Default 的環境;Team / Enterprise 會出現「創建第一個雲端環境」表單,保持預設點 Create & finish 即可。

Default 環境的網絡是「Trusted」級別:可以訪問常見的包管理源和其他白名單域名,其他網絡訪問會被限制。需要改網絡權限、加環境變量或在會話開始前運行安裝腳本,可以編輯環境。

Team / Enterprise 用戶注意:要先由組織 Owner 在「組織設定 → 連接器」裏打開 GitHub 連接器,否則看不到連接按鈕。

用命令行連接(可選):已經裝了 Claude Code 和 GitHub CLI 的話,先 gh auth login,在 Claude Code 裏用 claude.ai 帳號 /login,再運行 /web-setup。它會把你 gh 的令牌加密儲存到 Claude 帳號,雲端會話就能訪問這個令牌能訪問的所有倉庫(不必裝 GitHub App)。

2. 交代一個任務

  1. 在輸入框下方選擇倉庫和分支(可以添加多個倉庫);
  2. 在輸入框旁的下拉框選權限模式:
  • Auto:分類器代你審核操作(組織允許且模型支持時出現);
  • Accept edits:直接改並推送分支,不停下來問;
  • Plan:先出方案,你批准後才改文件;
  1. 寫清楚任務,按回車。官方建議:點名文件或函數(「修復 tests/test_auth.py 裏失敗的認證測試」比「修測試」好)、有報錯就貼上、描述期望的行為而不只是症狀。

每個任務一個獨立會話、一個獨立分支,不用等上一個跑完就能開下一個。

3. 審閱、批註、建 PR

  1. 會話裏會顯示改動統計(如 +42 -18),點開進入 diff 視圖,左邊是文件列表、右邊是改動;預設和基準分支比較,可以選 Compare against 換分支;
  2. 行內批註:點任意一行寫意見,批註會和你下一條消息一起發給 Claude,比如「src/auth.ts:47 這裏不要吞掉異常」,不用再描述位置;
  3. 滿意後點 diff 視圖頂部的 Create PR,可以建正式 PR、草稿 PR,或跳到 GitHub 的編輯頁;
  4. PR 建好後會話仍然在線:把 CI 報錯或審查意見貼進來讓 Claude 繼續改。

自動修 PR(Auto-fix):在會話的 CI 狀態欄裏打開 Auto-fix,Claude 會訂閱這個 PR 的動態,CI 失敗或有人留審查意見時自動排查,有明確修法就推送修復。需要倉庫裝了 Claude GitHub App。本地終端裏也可以在 PR 分支上運行 /autofix-pr 一步開啟。

和本地終端互相轉移

從終端發到雲端:

bash
claude --cloud "修復 src/auth/login.ts 裏的認證 bug"

雲端虛擬機克隆的是你當前目錄的 GitHub 遠程倉庫和當前分支(不是本地的工作區),所以有本地提交要先推送。官方的小技巧:複雜任務先在本地用 plan 模式和 Claude 商量好方案,再發到雲端執行。

從雲端拉回終端:

bash
claude --teleport          # 打開雲端會話選擇器
claude --teleport <會話ID>  # 直接拉取指定會話

或者在已打開的 Claude Code 裏輸入 /teleport(/tp)。它會確認你在正確的倉庫裏、拉取並切換到雲端會話的分支、載入完整對話歷史。之後在終端裏的新工作只儲存在本地,不會同步回網頁。

注意:命令行這邊只能「拉回」雲端會話,不能把已有的終端會話「推」到雲端(桌面版的 Code 標籤可以通過「Open in」選單發送到雲端)。

安全與隔離

  • 每個雲端會話運行在獨立的虛擬機裏,和你的電腦、和其他會話隔離;
  • 網絡訪問預設受限,可以關閉;
  • git 憑據和簽名密鑰不放進沙箱,由代理用受限的憑據替會話完成認證;
  • 改代碼、分析都在隔離環境裏完成後再創建 PR。

常見問題

Q:連接 GitHub 後看不到我的私有倉庫?

瀏覽器方式連接時,私有倉庫只有在其所屬帳號或組織裝了 Claude GitHub App、且安裝範圍包含該倉庫時才會出現。用 /web-setup 方式時,用 gh repo view 所有者/倉庫 檢查你的 GitHub CLI 能否看到它。

Q:提示「Claude Code isn't available on your account」?

你在當前組織的席位不包含 Claude Code。屬於多個組織的可以點 Switch organization 切換,否則請組織 Owner 分配包含 Claude Code 的席位。

Q:關掉網頁後會話還在跑?

這是設計如此。會話會在後台把當前任務做完然後空閒。不需要的可以在側邊欄歸檔或刪除。

Q:不用 GitHub 能用網頁版嗎?

倉庫克隆和創建 PR 依賴 GitHub。GitLab 等其他託管的倉庫可以通過 claude --cloud 以本地打包方式發送(需設定 CCR_FORCE_BUNDLE=1),但結果推不回原來的遠程。完全不想連 GitHub,可以用 Remote Control:代碼在自己電腦上跑,在網頁或手機上查看和操作。

Q:網頁版能用我電腦上的 CLAUDE.md、技能、插件嗎?

雲端會話只有倉庫裏的內容。提交到倉庫的 .claude/settings.json、CLAUDE.md、項目技能會生效;你本機 ~/.claude 下的個人配置和本地安裝的插件不會加載。

參考資料

  • Get started with Claude Code in the cloud(官方):https://code.claude.com/docs/en/web-quickstart
  • Use Claude Code in the cloud(官方):https://code.claude.com/docs/en/claude-code-on-the-web
  • Configure cloud environments(官方):https://code.claude.com/docs/en/cloud-environments
  • Remote Control(官方):https://code.claude.com/docs/en/remote-control
  • Choose a permission mode(官方):https://code.claude.com/docs/en/permission-modes
需要開通或續費?Claude Pro 充值 →

Nathaniel 的更多內容

  1. 01

    AI 學習路線:零基礎從哪開始,6 個階段、每階段該讀哪幾篇教學(2026)

    AI 學習路線怎麼走?給零基礎的人一條循序漸進的路徑:先選一個助手用順,再學提問,再用進日常工作,按需學做圖做影片,守住私隱與版權,最後進階自動化和編程。每個階段都配了本站對應的教學。

    其他 AI 工具0
  2. 02

    AI 瀏覽器有哪些:Perplexity Comet、Opera Neon、Dia、Brave Leo 與 Edge Copilot 的官方說法對照

    AI 瀏覽器有哪些?按官方頁面整理 Perplexity Comet、Opera Neon、Dia、Brave Leo 和 Edge 裏的 Copilot:官方自述的定位、支持的平台、免費還是訂閱,以及 Gemini、Claude 的 Chrome 方案和已停用的 ChatGPT Atlas。

    其他 AI 工具0
  3. 03

    即夢國際版 Dreamina 是什麼:官方站入口、能生成什麼、免費積分和模型(2026)

    即夢國際版 Dreamina 是什麼?官方站是 dreamina.capcut.com,是一個圖片、影片和數字人一體的 AI 創作平台。按官方首頁和 FAQ 講:能生成什麼、免費用戶每天 120 積分、列出的 Seedance 與 Seedream 模型,以及和國內即夢怎麼區分。

    其他 AI 工具0
  4. 04

    Kimi K3 Coding Plan 是什麼、怎麼用:Kimi Code 會員、模型 ID、套餐價格和額度規則

    Kimi K3 Coding Plan 是什麼?按 Kimi 官方文檔核對:官方現在叫 Kimi Code,是 Kimi 會員權益裏的編程服務,Plus 及以上才有;講 K3 等模型 ID、國內新套餐價格、三種客戶端、第三方工具接入和額度規則。

    Kimi0
  5. 05

    DeepSeek V4 Pro 和 Flash 的區別與 API 價格:官方價格頁逐項對照(高峰與空閒時段)

    DeepSeek V4 Pro 和 Flash 有什麼區別、API 怎麼收費?按 DeepSeek 官方價格頁(2026-10-19 查詢)列出兩個模型的版本、上下文、圖像理解、並發和每百萬 token 價格,說明高峰與空閒時段的計費差別和舊模型名怎麼處理。

    其他 AI 工具0
  6. 06

    GPT-6 Pro(Astra)怎麼用、哪些套餐有:怎麼選到 Pro 檔、用量限制和 Pro 三檔價格

    GPT-6 Pro(Astra)怎麼用、哪些套餐有?按 OpenAI 幫助中心核對:聊天裏 Pro 檔給 Pro 100、Pro 200、Business 和 Enterprise;Plus 在 Work 和 Codex 裏含 Astra。講怎麼選到、用量上限和官方 Pro 價格。

    ChatGPT0

同產品的其他教學

  1. 01

    Claude Pro 和 Max 的區別:用量、價格、Fable 模型和每月 API 額度怎麼選

    Claude Pro 和 Max 有什麼區別?按官方定價頁和幫助中心核對:Max 有 5x、20x 兩檔用量,Pro 與 Max 在價格、Fable 模型、每月 API 額度和計費週期上的差別,以及什麼情況下 Pro 夠用、什麼情況下該升 Max。

    Claude0
  2. 02

    Claude 登入不了、用不了、打不開怎麼辦:按官方幫助中心逐條排查

    Claude 無法登入、無法使用、無法打開怎麼辦?按官方幫助中心的順序排查:收不到登入電郵、登入報錯、Google 登入出問題、系統繁忙、額度用完、官方故障,以及所在地區是否在官方支持名單裏。

    Claude0
  3. 03

    Claude 怎麼註冊:官方註冊流程、手機驗證要求,以及提示無法註冊時官方怎麼說

    Claude 怎麼註冊?打開 claude.ai,用 Google 或電郵登入連結創建帳號,再用支持地區的手機號收短訊驗證碼。講清官方的註冊條件、手機驗證的限制,以及收不到驗證碼、號碼被用過多次時官方的處理辦法。

    Claude0
  4. 04

    Claude 怎麼用:新手入門,從打開聊天到寫出第一個好問題

    Claude 怎麼用?按官方幫助中心整理的新手路徑:在網頁、桌面版或手機 App 打開聊天,像對同事一樣寫需求,用輸入框的「+」和「/」找功能,點模型名換模型,免費版有每 5 小時重置的上限。

    Claude0
  5. 05

    Claude 怎麼設定成中文:介面語言、回答語言和語音語言分別怎麼設

    Claude 怎麼設定中文?官方幫助中心列出的 11 種介面語言裏目前沒有中文,但 Claude 會用你提問的語言回答,直接用中文問即可;想固定用中文,可在設定的 Instructions for Claude 裏寫一句。語音模式的語言要單獨選。

    Claude0
  6. 06

    MCP Inspector 怎麼用:安裝、啟動命令、調試 MCP 伺服器與 v2 的變化

    MCP Inspector 是什麼、怎麼安裝和使用?按 MCP 官方文檔講清網頁、命令行、終端介面三種模式的啟動命令,怎麼連本地和遠程伺服器、怎麼傳環境變量,密鑰存在哪,以及 v2 相比舊教學在端口、令牌變量名和 Node 版本上的變化。

    Claude其他 AI 工具0

0 條評論

登入 後參與評論

還沒有評論,來搶沙發~