Claude code在Vscode编辑器中使用整理

一、安装Claude code

前提条件 : Node.js 18+

通过 npm 全局安装 Claude Code:

复制代码
npm install -g @anthropic-ai/claude-code

安装后,导航到你的项目目录并启动 Claude Code:

复制代码
cd your-project
claude

此时可能会遇到以下报错信息:

复制代码
Unable to connect to Anthropic services
Failed to connect to api.anthropic.com: ERR_BAD_REQUEST

这是因为还没有配置代理+登录验证,请继续完成以下步骤。

二、登录验证

首次运行 Claude Code 时会提示登录账户。但是也可以通过下面方法跳过此步骤

在配置文件中添加以下内容

复制代码
{
  "hasCompletedOnboarding": true
}

其中配置文件路径如下:

window系统:C:\Users\{用户名}\.claude.json

Linux / MacOS 系统:~/.claude.json

阿里百炼接入 Claude Code

新增 Claude Code 设置文件 ~/.claude/settings.json(Windows 系统路径为 C:\Users\{用户名}\.claude\settings.json):

复制代码
{
   // env里的所有字段,都会在 Claude Code 启动子进程 / API 请求时注入为环境变量。
	"env": {
       // 用于 私有化部署企业内网 / 代理 / 中转网关 合规、审计、风控场景
		"ANTHROPIC_BASE_URL": "https://api.anthropic.com",
        // 替换为百炼 API Key
		"ANTHROPIC_AUTH_TOKEN": "分配的key",
		
	},
   
}

参考文献

1、平替Cursor!Claude Code + VSCode = 王炸!

2、Claude Code 教程

3、Claude Code 中文文档

4、全网疯传的 Claude Code,3000 字保姆级教程!

相关推荐
huangfuyk16 小时前
前端使用Cursor编辑器方面遇到的问题及注意细节
前端·编辑器·ai编程·cursor
Codiggerworld16 小时前
Neovim vs Vim:该不该“跳槽”?
编辑器·vim·跳槽
权、狐妖2 天前
【Vscode安装ESlint插件、下载ESLint包以及他们之间的关系和使用】
ide·vscode·编辑器
摇滚侠2 天前
VScode 需要安装的插件和修改的设置
ide·vscode·编辑器
Molesidy2 天前
【VSCode】VSCode+Claude Code插件+DeepSeek API Key的环境搭建
ide·vscode·编辑器·deepseek·claude code
☆MOON2 天前
Microsoft Visual Studio快捷键大全
编辑器
小贺儿开发3 天前
Unity UGUI 可视化热区编辑与交互系统
unity·编辑器·游戏引擎·交互·工具·适配·ugui
我命由我123453 天前
VSCode - VSCode 自定义折叠区域
前端·javascript·ide·vscode·前端框架·编辑器·js
π同学3 天前
ESP-IDF+vscode开发ESP32第十四讲——UHCI
ide·vscode·编辑器
纪伊路上盛名在3 天前
Vscode LLM备用方案
ide·vscode·编辑器