---
title: VS Code & Cursor での Claude Code | RunAPI
description: VS Code または Cursor に Claude Code 拡張機能をインストールし、共有設定を RunAPI に接続します。
url: https://runapi.ai/ja/docs/resources/tool-integrations/claude-code-vscode-cursor.md
canonical: https://runapi.ai/ja/docs/resources/tool-integrations/claude-code-vscode-cursor
locale: ja
---

> HTML 版: https://runapi.ai/ja/docs/resources/tool-integrations/claude-code-vscode-cursor
> エージェント向けサイトインデックス: https://runapi.ai/llms.txt

# VS Code & Cursor での Claude Code

## 概要

公式のClaude Code拡張機能はVS CodeとCursorの両方で動作します。両方のエディターは同じClaude Codeユーザー設定を使用するため、このガイドでは対応する拡張機能をインストールし、`~/.claude/settings.json`でRunAPIを一度設定します。

## 始める前に

* サポートされているバージョンのVS CodeまたはCursorをインストールしてください。VS Codeの現在の最低バージョンは[公式拡張機能ガイド][1]に記載されています。
* [認証ガイド](https://runapi.ai/ja/docs/guides/authentication.md)で標準APIキーを作成してください。ワークスペース設定やソースコントロールには追加しないでください。
* [モデルカタログ](https://runapi.ai/ja/models)から、Anthropic Messagesをサポートするモデルの識別子をコピーしてください。



[1]: https://code.claude.com/docs/en/vs-code

## インストール

公式の `anthropic.claude-code` 拡張機能をインストールします:

* **VS Code:** [VS Code Marketplace のリスト][1]を開くか、Extensions で `Claude Code` を検索してください。
* **Cursor:** `cursor:extension/anthropic.claude-code` を開くか、Extensions で `Claude Code` を検索してください。



[1]: https://marketplace.visualstudio.com/items?itemName=anthropic.claude-code

拡張機能にはチャットパネルに必要なランタイムが含まれています。統合端末で`claude`を実行したい場合のみ、スタンドアロンCLIをインストールしてください。

## RunAPIを設定する

`~/.claude/settings.json`を開き、共有ユーザーレベルの環境設定を追加してください：

```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` を[モデルカタログ](https://runapi.ai/ja/models)の正確な識別子に置き換えてください。Claude Code パネルでは `/model` で現在の選択を変更し、`/status` でアクティブなモデルを確認できます。

## 検証

1.  拡張機能または設定を変更した後、エディターウィンドウを再読み込みします。
2.  Claude Code Spark パネルを開きます。
3.  `/status` を実行し、ユーザー設定とモデルを確認します。
4.  `Describe this repository in one sentence.` を送信し、正常なレスポンスが返ることを確認します。

## トラブルシューティング

* **拡張機能がインストールできない:** エディターのバージョンが[公式要件][1]を満たしていることを確認してください。
* **Spark アイコンが表示されない:** エディターウィンドウをリロードし、その後エディターを再起動してください。
* **ログインプロンプトが表示され続ける:** Claude Code 拡張機能の設定で **Disable Login Prompt** を有効にしてください。
* **パネルがシェル変数を継承しない:** `~/.claude/settings.json` を使用するか、設定済みのターミナルからエディターを起動してください。GUI アプリケーションはターミナル環境なしで起動することがあります。
* **CLI は動作するがパネルが動作しない:** ウィンドウをリロードし、スタンドアロン CLI を使用してより詳細な診断でリクエストを再現してください。
* **認証またはモデルの選択に失敗する:** [認証ガイド](https://runapi.ai/ja/docs/guides/authentication.md)でキーを確認し、[モデルカタログ](https://runapi.ai/ja/models)から正確な識別子をコピーしてください。



[1]: https://code.claude.com/docs/en/vs-code#fix-common-issues

## 次のステップ

プロトコルの動作については [LLM API quickstart](https://runapi.ai/ja/docs/guides/llm-api/quickstart.md) を、リクエストフィールドについては [Anthropic Messages API Reference](https://runapi.ai/ja/docs/api/anthropic/messages.md) を参照してください。エディタ内にRunAPIツールを追加するには、[MCP Overview](https://runapi.ai/ja/docs/resources/mcp.md) に進んでください。

---

## RunAPI のその他の情報

- [ホーム](https://runapi.ai/ja/.md)
- [モデルカタログ](https://runapi.ai/ja/models.md)
- [料金](https://runapi.ai/ja/pricing.md)
- [プロバイダー](https://runapi.ai/ja/models)
- [ドキュメント](https://runapi.ai/ja/docs/guides)
- [SDK](https://runapi.ai/ja/sdk.md)
- [CLI](https://runapi.ai/ja/cli.md)
- [MCP Server](https://runapi.ai/ja/mcp.md)
- [Claude Code と Cursor](https://runapi.ai/ja/claude-code-vs-cursor.md)
- [Cursor API セットアップ](https://runapi.ai/ja/cursor-api-setup.md)
- [RunAPI と OpenRouter の比較](https://runapi.ai/ja/openrouter-alternative.md)
- [エンタープライズ](https://runapi.ai/ja/contact.md)
- [お問い合わせ](https://runapi.ai/ja/contact.md)
- [利用規約](https://runapi.ai/ja/terms.md)
- [プライバシー](https://runapi.ai/ja/privacy.md)
- [エージェント向けサイトインデックス](https://runapi.ai/llms.txt)

お問い合わせ: contact@runapi.ai

## 構造化データ

```json
[
  {
    "@context": "https://schema.org",
    "inLanguage": "ja",
    "@type": "WebSite",
    "name": "RunAPI",
    "url": "https://runapi.ai/ja",
    "potentialAction": {
      "@type": "SearchAction",
      "target": {
        "@type": "EntryPoint",
        "urlTemplate": "https://runapi.ai/ja/models?q={search_term_string}"
      },
      "query-input": "required name=search_term_string"
    }
  },
  {
    "@context": "https://schema.org",
    "inLanguage": "ja",
    "@type": "Organization",
    "name": "RunAPI",
    "url": "https://runapi.ai/ja",
    "logo": {
      "@type": "ImageObject",
      "url": "https://runapi.ai/jaicon.svg"
    },
    "sameAs": [
      "https://github.com/runapi-ai"
    ]
  },
  {
    "@context": "https://schema.org",
    "inLanguage": "ja",
    "@type": "TechArticle",
    "headline": "VS Code & Cursor での Claude Code",
    "description": "VS Code または Cursor に Claude Code 拡張機能をインストールし、共有設定を RunAPI に接続します。",
    "url": "https://runapi.ai/ja/docs/resources/tool-integrations/claude-code-vscode-cursor",
    "mainEntityOfPage": "https://runapi.ai/ja/docs/resources/tool-integrations/claude-code-vscode-cursor"
  }
]
```