Vs Code 这样接入Claude Code,直接起飞

VS Code接入GLM 4.6实战指南

今天记录一下在 VS Code 的 Claude Code 插件中怎么正确地跳过登录、使用上GLM 4.6。

首先我们先过一遍 Claude Code 在电脑上正确的安装配置过程。这里我们安装的是Claude Code v2以后的版本,另外注意要配置Claude Code 使用 GLM 4.6 需要你自己去智谱上购买开通相应的API KEY。

安装Claude Code 需要在命令行终端输入下面的命令:

npm install -g @anthropic-ai/claude-code

安装成功后,我们按照智谱网站上推荐的配置设置 ~/.claude/settings.json

{
    "env": {
        "ANTHROPIC_AUTH_TOKEN": "your_zhipu_api_key",
        "ANTHROPIC_BASE_URL": "https://open.bigmodel.cn/api/anthropic",
        "API_TIMEOUT_MS": "3000000",
        "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": 1
    }
}

配置成功后,我们打开命令行输入 claude 来启动Claude Code。这个时候你应该是可以直接看到命令行进入到下面这个界面。

虽然跳过了去 Claude Code官方进行Oatuh2 登录授权,可是显示使用的模型是 Sonnet 4.5,你如果主动问一下具体的模型 AI 会告诉你是 Claude Sonnet 4.5 模型ID是 claude-sonnet-4-5-20250929。

说实话看到这我是懵逼的,即不是想要使用的GLM 4.6,也不知道是不是正经的 Claude 模型,在网上查了好久,发现要用GLM4.6 还需要多加几个配置,我把配置直接放下面。

在 ~/.claude/settings.json 中你可以直接按照我下面的配置,只需要把自己的API KEY 放到 ANTHROPIC_AUTH_TOKEN 这个配置中即可。

{
    "env": {
        "ANTHROPIC_AUTH_TOKEN": "your.api.key",
        "ANTHROPIC_BASE_URL": "https://open.bigmodel.cn/api/anthropic",
        "API_TIMEOUT_MS": "3000000",
        "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": 1,
        "ANTHROPIC_DEFAULT_HAIKU_MODEL":"glm-4.6",
        "ANTHROPIC_DEFAULT_SONNET_MODEL":"glm-4.6",
        "ANTHROPIC_DEFAULT_OPUS_MODEL":"glm-4.6"
    }
}

然后我们重新开一个命令行终端,再次输入claude 启动Claude Code

可以看到界面上显示的模型已经编程 GLM-4.6 了,通过追问AI它使用的模型,也能看出来配置生效了。

做完上面这个配置你在命令行里就能用 Claude Code 进行AI编程了,不过这套配置当你使用VSCODE 或者 IDEA、GoLand 上的Claude Code插件时并不管用,比如VSCODE 安装好 Claude Code 插件后,打开插件后还是需要你去登录 Claude Code 账号。

这是因为Claude Code 插件在 VSCODE 里读取的是插件的配置,所以我们需要按下面的步骤进行配置。

首先按图示位置,找到已经安装的Claude Code for VS Code,点击配置按钮,选择settings 选项

在配置界面我们选择 Edit in settings.json

然后在 .vscode/settings.json 中输入ClaudeCode 插件需要的配置

你可以直接把我下面的配置拷贝到 settings.json 中,把自己的API KEY 放到ANTHROPIC_AUTH_TOKEN 这个配置中就能使用了。

"claudeCode.environmentVariables":[
        
        {
            "name": "ANTHROPIC_BASE_URL",
            "value":"https://open.bigmodel.cn/api/anthropic"
        },
        {
            "name": "ANTHROPIC_AUTH_TOKEN",
            "value": "your.api.key"
        },
        {
            "name": "ANTHROPIC_MODEL",
            "value": "glm-4.6"
        },
        {
            "name": "ANTHROPIC_SMALL_FAST_MODEL",
            "value":"glm-4.6"
        }
    ]

再次打开插件,在Chat框中输入 /select 快捷命令,选择 Select model

在弹出的Model选项中我们可以看到 glm-4.6 已经出现在选项中,并且已经设置成了默认的模型。

接下来我们就可以在 VSCODE 中使用 Claude Code 插件进行AI编程了,效果与使用Cursor类似,但是个人感觉在用户交互上比Cursor 还是差一点。

我个人使用下来,感觉GLM 4.6 和 Cursor的Auto 模型效果差不多,平时做编程开发已经够用了。

比如我发现我实战课程里的项目在有的MAC电脑上运行的很慢,但是看响应日志却是毫秒级别的,于是我让Claude Code 帮我排查了一下问题出在哪,我事先告诉了它服务在本地启动的端口,让它自己检索项目里的接口,去请求测试查找原因。

最后通过几轮查找重新定位出来是因为在为请求生成追踪traceId时,使用的解析网络的代码在有的Mac系统上有问题

追踪ID是在请求进来时生成的,有了追踪ID才会写日志,所以才出现了体感上网络请求很慢但是日志里记录的响应时间却很快的问题。

在IDE里用Claude Code插件的好处是不用记Claude太多的命令就能直接开始用它进行AI编程,比较适合我这种比较懒的人,用着比较省事,省出来的时间还能在家里找猫猫......

另外我现在Cursor 和 Claude Code 交替着用,践行不能在一个树上吊死和鸡蛋不能放到一个篮子里的东方智慧。

体感上感觉Cursor更好用一点,但是两者差别不大,主要是交互上Cursor更好,比如Cursor按计划开发代码时,你可以在中途记录发需求让它即时调整计划。是的 Cursor也有了Plan模式,而且还挺好用,这也算相互竞争推动每家产品的进步吧。


接下来是卖课时间,卖的是我自己写的Go项目实战课,有需要就买,没需要划走即可。

项目采用DDD分层架构设计,结合事件驱动编程等多个程序设计最佳实践,以一个在线商城为例实战演示项目的搭建和开发过程。欢迎扫码订阅我的专栏《Go项目搭建和整洁开发实战》,即可获得完整的教程和实战项目。

图片

扫描上方二维码即可订阅课程,订阅后还有机会以早鸟价格,半价购入即将发布的Vue H5商城项目的课程,两个课程中的项目互为前后端,带你体验项目开发的全流程。

Claude代码集成到Visual Studio CodeVS Code)中,通常需要借助插件或扩展来实现。Claude是由Anthropic开发的一种大型语言模型,类似于OpenAI的GPT系列模型,它可以通过特定的API接口或本地部署的方式与开发环境集成。以下是一些可能的集成方式和步骤: ### 1. 使用现有插件 VS Code拥有丰富的扩展库,许多插件已经实现了与大型语言模型的集成。可以尝试在[VS Code Marketplace](https://marketplace.visualstudio.com/)上搜索相关的插件[^5]。例如,有些插件允许用户通过API调用Anthropic的Claude模型,从而在编辑器中直接获得代码建议、文档生成等功能。 ### 2. 自定义集成 如果现有的插件不能满足需求,也可以考虑自定义集成。这通常涉及以下几个步骤: #### a. 获取API密钥 首先,需要注册Anthropic账户并获取API密钥。这个密钥将用于调用Claude模型的API。 #### b. 编写自定义插件 可以使用Node.js或其他支持的语言编写一个VS Code插件,通过调用Anthropic的API来实现与Claude模型的交互。VS Code提供了详细的[扩展开发文档](https://code.visualstudio.com/api),可以帮助开发者创建自定义插件。 #### c. 调用API 在插件中,可以通过HTTP请求调用Anthropic的API。以下是一个简单的Python示例,展示了如何调用Claude模型的API: ```python import requests def call_claude_api(api_key, prompt): url = "https://api.anthropic.com/v1/complete" headers = { "Content-Type": "application/json", "X-API-Key": api_key } data = { "prompt": prompt, "model": "claude-v1", "max_tokens_to_sample": 1000 } response = requests.post(url, headers=headers, json=data) return response.json() api_key = "your_api_key_here" prompt = "Write a function to calculate the factorial of a number." response = call_claude_api(api_key, prompt) print(response) ``` #### d. 集成VS Code 将上述代码集成VS Code插件中,可以通过VS Code的命令系统调用该功能。例如,可以在插件中定义一个命令,当用户按下快捷键时触发该命令,调用Claude模型并返回结果。 ### 3. 使用第三方工具 除了直接集成,还可以考虑使用第三方工具或平台,这些工具可能已经提供了与Claude模型的集成。例如,某些IDE插件或在线代码生成工具可能支持Claude模型的调用。 ### 4. 本地部署 如果希望在本地环境中运行Claude模型,可以考虑使用本地部署的方式。这通常需要较高的计算资源,但可以提供更好的隐私保护和更低的延迟。 ### 总结 将Claude代码集成到Visual Studio Code中,可以通过现有的插件、自定义插件、第三方工具或本地部署等多种方式实现。具体选择哪种方式,取决于项目的需求、开发者的技能水平以及可用的资源。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值