---
title: Claude Code in VS Code & Cursor | RunAPI
description: 在 VS Code 或 Cursor 中安裝 Claude Code 擴充功能，並將其共用設定連線至 RunAPI。
url: https://runapi.ai/zh-TW/docs/resources/tool-integrations/claude-code-vscode-cursor.md
canonical: https://runapi.ai/zh-TW/docs/resources/tool-integrations/claude-code-vscode-cursor
locale: zh-TW
---

> HTML 版本: https://runapi.ai/zh-TW/docs/resources/tool-integrations/claude-code-vscode-cursor
> 代理程式網站索引: https://runapi.ai/llms.txt

# Claude Code in VS Code & Cursor

## 概覽

官方 Claude Code 擴充功能可在 VS Code 和 Cursor 中執行。兩種編輯器使用相同的 Claude Code 使用者設定，因此本指南安裝相符的擴充功能，並在 `~/.claude/settings.json` 中一次性設定 RunAPI。

## 開始之前

* 安裝支援的 VS Code 或 Cursor 版本。VS Code 的最低版本需求請參閱[官方擴充套件指南][1]。
* 依照[身分驗證指南](https://runapi.ai/zh-TW/docs/guides/authentication.md)建立一組標準 API 金鑰。請勿將其放入工作區設定或版本控制中。
* 從[模型目錄](https://runapi.ai/zh-TW/models)複製支援 Anthropic Messages 的模型識別碼。



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

## 安裝

安裝官方 `anthropic.claude-code` 擴充功能：

* **VS Code：** 開啟 [VS Code Marketplace 頁面][1]，或在擴充功能中搜尋 `Claude Code`。
* **Cursor：** 開啟 `cursor:extension/anthropic.claude-code`，或在擴充功能中搜尋 `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` 並為此自訂端點啟用**停用登入提示**。使用者設定與 CLI 共用；VS Code 擴充功能設定僅控制擴充功能的行為。

請勿將真實金鑰放入 `.claude/settings.json` 和編輯器工作區設定，因為這些檔案可能會被提交至版本控制。

## 選擇模型

將 `YOUR_RUNAPI_MODEL_ID` 替換為[模型目錄](https://runapi.ai/zh-TW/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**。
* **面板未繼承 shell 變數：** 請使用 `~/.claude/settings.json`，或從已設定的終端機啟動編輯器。GUI 應用程式通常不帶終端機環境啟動。
* **CLI 可正常運作但面板無法使用：** 請重新載入視窗，並使用獨立的 CLI 重現請求，以取得更詳細的診斷資訊。
* **身分驗證或模型選擇失敗：** 請透過[身分驗證指南](https://runapi.ai/zh-TW/docs/guides/authentication.md)確認金鑰，並從[模型目錄](https://runapi.ai/zh-TW/models)複製正確的識別碼。



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

## 後續步驟

有關協定行為，請參閱 [LLM API 快速入門](https://runapi.ai/zh-TW/docs/guides/llm-api/quickstart.md)；有關請求欄位，請參閱 [Anthropic Messages API 參考](https://runapi.ai/zh-TW/docs/api/anthropic/messages.md)。若要在編輯器中新增 RunAPI 工具，請繼續參閱 [MCP 概覽](https://runapi.ai/zh-TW/docs/resources/mcp.md)。

---

## RunAPI 的更多內容

- [首頁](https://runapi.ai/zh-TW/.md)
- [模型目錄](https://runapi.ai/zh-TW/models.md)
- [價格](https://runapi.ai/zh-TW/pricing.md)
- [提供商](https://runapi.ai/zh-TW/models)
- [文件](https://runapi.ai/zh-TW/docs/guides)
- [SDK](https://runapi.ai/zh-TW/sdk.md)
- [CLI](https://runapi.ai/zh-TW/cli.md)
- [MCP Server](https://runapi.ai/zh-TW/mcp.md)
- [Claude Code 與 Cursor](https://runapi.ai/zh-TW/claude-code-vs-cursor.md)
- [Cursor API 設定](https://runapi.ai/zh-TW/cursor-api-setup.md)
- [RunAPI 與 OpenRouter](https://runapi.ai/zh-TW/openrouter-alternative.md)
- [企業版](https://runapi.ai/zh-TW/contact.md)
- [聯絡我們](https://runapi.ai/zh-TW/contact.md)
- [服務條款](https://runapi.ai/zh-TW/terms.md)
- [隱私權](https://runapi.ai/zh-TW/privacy.md)
- [代理程式網站索引](https://runapi.ai/llms.txt)

聯絡我們: contact@runapi.ai

## 結構化資料

```json
[
  {
    "@context": "https://schema.org",
    "inLanguage": "zh-TW",
    "@type": "WebSite",
    "name": "RunAPI",
    "url": "https://runapi.ai/zh-TW",
    "potentialAction": {
      "@type": "SearchAction",
      "target": {
        "@type": "EntryPoint",
        "urlTemplate": "https://runapi.ai/zh-TW/models?q={search_term_string}"
      },
      "query-input": "required name=search_term_string"
    }
  },
  {
    "@context": "https://schema.org",
    "inLanguage": "zh-TW",
    "@type": "Organization",
    "name": "RunAPI",
    "url": "https://runapi.ai/zh-TW",
    "logo": {
      "@type": "ImageObject",
      "url": "https://runapi.ai/zh-TWicon.svg"
    },
    "sameAs": [
      "https://github.com/runapi-ai"
    ]
  },
  {
    "@context": "https://schema.org",
    "inLanguage": "zh-TW",
    "@type": "TechArticle",
    "headline": "Claude Code in VS Code & Cursor",
    "description": "在 VS Code 或 Cursor 中安裝 Claude Code 擴充功能，並將其共用設定連線至 RunAPI。",
    "url": "https://runapi.ai/zh-TW/docs/resources/tool-integrations/claude-code-vscode-cursor",
    "mainEntityOfPage": "https://runapi.ai/zh-TW/docs/resources/tool-integrations/claude-code-vscode-cursor"
  }
]
```