本文详细介绍了如何将Claude Code集成到IDE中，特别是针对Visual Studio Code。文章指出，只有使用Claude的原生模式才能实现IDE集成，而CCR（Claude-Code-Router）模式则不行。随后，文章提供了一个关键的转换方法，即通过修改环境变量，将CCR模式的API密钥指向本地的ccr服务，从而实现二者的兼容。具体操作包括修改`ANTHROPIC_API_KEY`和`ANTHROPIC_AUTH_TOKEN`环境变量，并指向ccr的本地服务地址。通过这些步骤，用户可以利用CCR模式下的千问模型等，在IDE中享受AI编程的便利。

💡 Claude Code仅支持原生模式集成到IDE，CCR Code模式无法直接集成。用户需要在IDE中运行Claude Code的原生模式，并通过`/ide`命令选择并连接到IDE，例如Visual Studio Code，随后在VS Code的右上角出现Claude标志即可完成集成。

🔄 CCR Code模式可以通过修改环境变量的方式转换为兼容Claude原生模式。具体操作是设置`ANTHROPIC_API_KEY`指向一个任意长字符串（或空字符串），并将`ANTHROPIC_AUTH_TOKEN`设置为`http://127.0.0.1:3456`，这个地址即为本地ccr服务的地址。

⚙️ 在修改环境变量后，需要重新启动ccr服务。启动时，如果`ANTHROPIC_API_KEY`为空，会提示API key未设置，但会强制使用本地host。此时，ccr服务会通过配置的代理访问模型API，例如`http://127.0.0.1:3456`，从而实现模型调用。

🔗 转换成功后，在命令行中运行`claude`命令，会看到API的URL指向本地的ccr服务地址，这意味着Claude Code现在能够通过ccr代理访问并使用千问模型等AI编程工具，极大地扩展了AI编程的可能性。

自从开始使用Claude Code之后，解决了大模型集成问题之后，开始琢磨如何在IDE中集成，使用起来多一个选择。研究后发现非常有意思的地方，看具体下文。

Claude Code的安装，以及ccr模式（claude-code-router）(Claude Code + claude-code-router白嫖魔搭社区千问模型，开启AI编程之路Claude Co - 掘金)

目录：

一 只有使用claude原生模式才可以集成到IDE,ccr code模式不行

二 ccr code模式如何转换为原生模式

只有使用claude原生模式才可以集成到IDE,ccr code模式不行

1 第一步，先打开vscode，并且打开你需要的编辑的代码工程目录，比如这里是D:\Develop\Nodejs\helloworld

2 第二步，打开命令行窗口，注意一定要切换到同一个目录下运行

cd D:\Develop\Nodejs\helloworldD:\Develop\Nodejs\helloworld>claude

在对话窗口敲入/ide

 > /ide  [open]                                                                                                       │╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯  /ide     Manage IDE integrations and show status

按下回车

╭──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮│                                                                                                                      ││  Select IDE                                                                                                          ││  Connect to an IDE for integrated development features.                                                              ││                                                                                                                      ││   > 1. Visual Studio Code√                                                                                           ││     2. None                                                                                                          ││                                                                                                                      ││  ※ Tip: You can enable auto-connect to IDE in /config or with the --ide flag                                         ││                                                                                                                      │╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯ Enter to confirm · Esc to exit

注意这里选择

> 1. Visual Studio Code√

等待，然后切回vscode，选择一个文件，看到窗口右上角的claude标志，

点击即可在vscode中启动：

ccr code模式如何转换为原生模式

上述操作必须在命令行原生模式 claude启动，如果采用ccr code模式是不行的。但是，但是，但是有个转换，可以将ccr code转换为claude模式来兼容。修改环境变量的值为

ANTHROPIC_API_KEY=myapikey ANTHROPIC_AUTH_TOKEN=http://127.0.0.1:3456

这里的myapikey是在 C:\Users\用户名.claude-code-router中的config.json文件中配置的，如下

{  "LOG": false,  "CLAUDE_PATH": "",  "HOST": "127.0.0.1",  "PORT": 3456,  "APIKEY": "myapikey",  "API_TIMEOUT_MS": "600000",  "PROXY_URL": "",  "Transformers": [],

有一行

"APIKEY": "myapikey",

你可以换成自己喜欢的任意长字符串，如果为“”空的话，环境变量ANTHROPIC_API_KEY的值可以随意写。还有一行是

然后重新启动ccr

C:\Users\ynzys>ccr start⚠️ API key is not set. HOST is forced to 127.0.0.1.127.0.0.1Loaded JSON config from: C:\Users\ynzys\.claude-code-router\config.jsonregister transformer: Anthropic (endpoint: /v1/messages)register transformer: gemini (endpoint: /v1beta/models/:modelAndAction)register transformer: vertex-gemini (endpoint: /v1/projects/:projectId/locations/:location/publishers/google/models/:modelAndAction)register transformer: vertex-claude (endpoint: /v1/projects/:projectId/locations/:location/publishers/anthropic/models/:modelAndAction)register transformer: deepseek (no endpoint)register transformer: tooluse (no endpoint)register transformer: openrouter (no endpoint)register transformer: maxtoken (no endpoint)register transformer: groq (no endpoint)register transformer: cleancache (no endpoint)register transformer: enhancetool (no endpoint)register transformer: reasoning (no endpoint)register transformer: sampling (no endpoint)register transformer: maxcompletiontokens (no endpoint)modelscope provider registered🚀 LLMs API server listening on http://127.0.0.1:3456

然后再命令行运行claude这里看到API的URL为http://127.0.0.1:3456就对了，它会通过这个代理访问ccr配置文件中的模型API。