VS Code & Cursor での Claude Code
VS Code または Cursor に Claude Code 拡張機能をインストールし、共有設定を RunAPI に接続します。
概要
公式のClaude Code拡張機能はVS CodeとCursorの両方で動作します。両方のエディターは同じClaude Codeユーザー設定を使用するため、このガイドでは対応する拡張機能をインストールし、~/.claude/settings.jsonでRunAPIを一度設定します。
始める前に
インストール
公式の anthropic.claude-code 拡張機能をインストールします:
- VS Code: VS Code Marketplace のリストを開くか、Extensions で
Claude Codeを検索してください。 - Cursor:
cursor:extension/anthropic.claude-codeを開くか、Extensions でClaude Codeを検索してください。
拡張機能にはチャットパネルに必要なランタイムが含まれています。統合端末でclaudeを実行したい場合のみ、スタンドアロンCLIをインストールしてください。
RunAPIを設定する
~/.claude/settings.jsonを開き、共有ユーザーレベルの環境設定を追加してください：
{
"env": {
"ANTHROPIC_BASE_URL": "https://runapi.ai",
"ANTHROPIC_API_KEY": "YOUR_RUNAPI_API_KEY",
"ANTHROPIC_MODEL": "YOUR_RUNAPI_MODEL_ID"
}
}
VS Code または Cursor の設定で Claude Code login を検索し、このカスタムエンドポイントに対して Disable Login Prompt を有効にしてください。ユーザー設定は CLI と共有されます。VS Code 拡張機能の設定は拡張機能の動作のみを制御します。
実際のキーは .claude/settings.json やエディターのワークスペース設定には含めないでください。これらのファイルはコミットされる可能性があります。
モデルを選択する
YOUR_RUNAPI_MODEL_ID をモデルカタログの正確な識別子に置き換えてください。Claude Code パネルでは /model で現在の選択を変更し、/status でアクティブなモデルを確認できます。
検証
- 拡張機能または設定を変更した後、エディターウィンドウを再読み込みします。
- Claude Code Spark パネルを開きます。
/statusを実行し、ユーザー設定とモデルを確認します。Describe this repository in one sentence.を送信し、正常なレスポンスが返ることを確認します。
トラブルシューティング
- 拡張機能がインストールできない: エディターのバージョンが公式要件を満たしていることを確認してください。
- Spark アイコンが表示されない: エディターウィンドウをリロードし、その後エディターを再起動してください。
- ログインプロンプトが表示され続ける: Claude Code 拡張機能の設定で Disable Login Prompt を有効にしてください。
- パネルがシェル変数を継承しない:
~/.claude/settings.jsonを使用するか、設定済みのターミナルからエディターを起動してください。GUI アプリケーションはターミナル環境なしで起動することがあります。 - CLI は動作するがパネルが動作しない: ウィンドウをリロードし、スタンドアロン CLI を使用してより詳細な診断でリクエストを再現してください。
- 認証またはモデルの選択に失敗する: 認証ガイドでキーを確認し、モデルカタログから正確な識別子をコピーしてください。
次のステップ
プロトコルの動作については LLM API quickstart を、リクエストフィールドについては Anthropic Messages API Reference を参照してください。エディタ内にRunAPIツールを追加するには、MCP Overview に進んでください。