跳到內容

快速開始

您需要在機器上安裝容器執行環境。Docker 或 Podman 皆可使用。

平台安裝方式
macOSDocker Desktop for Mac
WindowsDocker Desktop for Windows(WSL2 後端)
LinuxDocker EngineDocker Desktop for Linux

驗證是否正常運作:

Terminal window
docker --version
docker compose version
資源最低需求建議配置
磁碟空間5 GB10 GB 以上
記憶體分配 8 GB 給容器執行環境12 GB 以上
CPU2 核心4 核心以上

在 Docker Desktop → Settings → Resources 中調整資源限制。

建立資料夾並下載 compose 檔案:

Terminal window
mkdir devcontainer && cd devcontainer
curl -fsSLO https://raw.githubusercontent.com/f5-sales-demo/devcontainer/main/docker-compose.yml

在同一資料夾中建立 .env 檔案以預先設定 Claude Code。請選擇以下其中一個選項:

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.com
LITELLM_API_KEY=your-api-key

只需設定網域——容器會自動衍生特定供應商的 URL 後綴(例如 Claude Code 使用 /anthropic)。

如果您的主機上已設定 gitgh,您可以自動填入大部分 .env 的值。首先複製範本:

Terminal window
cp .env.example .env

然後執行與您設定相符的命令:

Terminal window
# Git identity
echo "GIT_AUTHOR_EMAIL=$(git config user.email)" >> .env
echo "GIT_AUTHOR_NAME=\"$(git config user.name)\"" >> .env
# Timezone
echo "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 代理設定(請參閱上方選項)。

Terminal window
docker compose up -d

首次執行會從 ghcr.io 拉取預建映像檔(依網路連線速度約需 1 分鐘)。後續啟動使用快取的映像檔,只需數秒。

Terminal window
docker compose exec dev zsh
Terminal window
# AI tools
claude --version
codex --version
pi --version
# Languages
node --version
python3 --version
go version
# Cloud CLIs
aws --version
az --version
terraform --version

測試 AI 連線:

Terminal window
claude -p "Say hello"
Terminal window
cd /workspace
git clone https://github.com/your-org/your-project.git
cd your-project
claude

容器內建虛擬顯示,可用於觀看 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

Terminal window
# 停止(保留資料)
docker compose down
# 再次啟動
docker compose up -d
# 銷毀所有資料並重新開始
docker compose down -v
docker compose up -d

您在 /workspace 和家目錄中的程式碼在重新啟動後仍會保留。詳情請參閱設定 — 資料持久化


如需本機建置和 Dockerfile 自訂,請參閱本機開發。如需 VS Code 整合,請參閱 VS Code。如需遠端顯示選項,請參閱遠端顯示(noVNC)