快速開始
容器執行環境
Section titled “容器執行環境”您需要在機器上安裝容器執行環境。Docker 或 Podman 皆可使用。
| 平台 | 安裝方式 |
|---|---|
| macOS | Docker Desktop for Mac |
| Windows | Docker Desktop for Windows(WSL2 後端) |
| Linux | Docker Engine 或 Docker Desktop for Linux |
驗證是否正常運作:
docker --versiondocker compose version| 平台 | 安裝方式 |
|---|---|
| macOS | Podman Desktop for Mac |
| Windows | Podman Desktop for Windows |
| Linux | Podman + Podman Compose |
驗證是否正常運作:
podman --versionpodman-compose version| 資源 | 最低需求 | 建議配置 |
|---|---|---|
| 磁碟空間 | 5 GB | 10 GB 以上 |
| 記憶體 | 分配 8 GB 給容器執行環境 | 12 GB 以上 |
| CPU | 2 核心 | 4 核心以上 |
在 Docker Desktop → Settings → Resources 中調整資源限制。
在 macOS/Windows 上,透過 Podman Desktop → Settings → Resources 調整資源限制,或透過 CLI:
podman machine set --cpus 4 --memory 12288podman machine stop && podman machine start在 Linux 上,容器直接共享主機資源——不需要額外的資源設定。
建立資料夾並下載 compose 檔案:
mkdir devcontainer && cd devcontainercurl -fsSLO https://raw.githubusercontent.com/f5-sales-demo/devcontainer/main/docker-compose.yml2. 新增您的驗證憑證(選用)
Section titled “2. 新增您的驗證憑證(選用)”在同一資料夾中建立 .env 檔案以預先設定 Claude Code。請選擇以下其中一個選項:
選項 A:Claude Max(OAuth)
Section titled “選項 A:Claude Max(OAuth)”CLAUDE_CODE_OAUTH_TOKEN=sk-ant-oat01-your-token-here選項 B:LiteLLM 或 Anthropic 相容代理
Section titled “選項 B:LiteLLM 或 Anthropic 相容代理”如果您有 LiteLLM 實例或其他 Anthropic 相容代理,請設定以下兩個變數:
LITELLM_BASE_URL=https://your-litellm-endpoint.example.comLITELLM_API_KEY=your-api-key只需設定網域——容器會自動衍生特定供應商的 URL 後綴(例如 Claude Code 使用 /anthropic)。
從本機憑證自動填入
Section titled “從本機憑證自動填入”如果您的主機上已設定 git 和 gh,您可以自動填入大部分 .env 的值。首先複製範本:
cp .env.example .env然後執行與您設定相符的命令:
# Git identityecho "GIT_AUTHOR_EMAIL=$(git config user.email)" >> .envecho "GIT_AUTHOR_NAME=\"$(git config user.name)\"" >> .env
# Timezoneecho "TZ=$(readlink /etc/localtime | sed 's|.*/zoneinfo/||')" >> .env
# GitHub CLI token (requires: gh auth login)echo "GH_TOKEN=$(gh auth token)" >> .env
# SSH key (if you use SSH for git)echo "SSH_PRIVATE_KEY=$(base64 < ~/.ssh/id_ed25519)" >> .env接著編輯 .env 以新增您的 OAuth 權杖或 LiteLLM 代理設定(請參閱上方選項)。
docker compose up -dpodman-compose pull && podman-compose up -d首次執行會從 ghcr.io 拉取預建映像檔(依網路連線速度約需 1 分鐘)。後續啟動使用快取的映像檔,只需數秒。
docker compose exec dev zshpodman-compose exec dev zsh# AI toolsclaude --versioncodex --versionpi --version
# Languagesnode --versionpython3 --versiongo version
# Cloud CLIsaws --versionaz --versionterraform --version測試 AI 連線:
claude -p "Say hello"6. 您的第一個專案
Section titled “6. 您的第一個專案”cd /workspacegit clone https://github.com/your-org/your-project.gitcd your-projectclaude7. 遠端顯示(noVNC)
Section titled “7. 遠端顯示(noVNC)”容器內建虛擬顯示,可用於觀看 AI 代理控制瀏覽器。開啟 http://localhost:6080/vnc.html 即可連線。詳情請參閱遠端顯示(noVNC)。
8. 瀏覽器自動化(Chrome DevTools MCP)
Section titled “8. 瀏覽器自動化(Chrome DevTools MCP)”Claude Code 可以使用內建的 Chrome DevTools MCP 伺服器瀏覽網頁、擷取螢幕截圖並檢查 DOM。無需額外設定——它會在無頭模式下自動運作。詳情請參閱 Chrome DevTools MCP。
9. 停止與重新啟動
Section titled “9. 停止與重新啟動”# 停止(保留資料)docker compose down
# 再次啟動docker compose up -d
# 銷毀所有資料並重新開始docker compose down -vdocker compose up -d# 停止(保留資料)podman-compose down
# 再次啟動(pull 確保取得最新映像檔)podman-compose pull && podman-compose up -d
# 銷毀所有資料並重新開始podman-compose down -vpodman-compose pull && podman-compose up -d您在 /workspace 和家目錄中的程式碼在重新啟動後仍會保留。詳情請參閱設定 — 資料持久化。
如需本機建置和 Dockerfile 自訂,請參閱本機開發。如需 VS Code 整合,請參閱 VS Code。如需遠端顯示選項,請參閱遠端顯示(noVNC)。