1.前言

本文针对前端开发人员。
需要nodejs18或以上。
阅读大约耗时5分钟。

2.安装插件Claude Code for Vs Code

3.配置大模型的 API 地址和 key

国内有很多免费的大模型可以用，如LongCat、智谱、Qwen。
以LongCat为例，注册登录后点击API Keys，

创建一个API Key

创建配置文件

1. 创建或编辑 Claude Code 配置文件：C:\Users\Administrator.claude/settings.json

2. 把your_longcat_api_key换成你创建的API Key

3. 配置模型LongCat-Flash-Chat换成你的想要的模型

{
  "env": {
    "ANTHROPIC_AUTH_TOKEN": "your_longcat_api_key",
    "ANTHROPIC_BASE_URL": "https://api.longcat.chat/anthropic",
    "ANTHROPIC_MODEL": "LongCat-Flash-Chat",
    "ANTHROPIC_SMALL_FAST_MODEL": "LongCat-Flash-Chat",
    "ANTHROPIC_DEFAULT_SONNET_MODEL": "LongCat-Flash-Chat",
    "ANTHROPIC_DEFAULT_OPUS_MODEL": "LongCat-Flash-Chat",
    "CLAUDE_CODE_MAX_OUTPUT_TOKENS": "6000",
    "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": 1
  },
  "permissions": {
    "allow": [],
    "deny": []
  }
}

在settings.json同级目录下新建或编辑config.json文件

{
	"primaryApiKey": "any-string-is-ok-here"
}

在你的用户的目录下，找到这个 .claude.json 文件

新增一个配置项,跳过 claude 的登录认证。

"hasCompletedOnboarding": true

4.重启Visual Studio Code，打开Claude Code食用！

选择模式

Ask before edits

字面意思，修改代码之前会询问你的意见。

Eidt automatically

字面意思，自动修改代码，不征求你的意见。

Plan mode

字面意思，规划模式，说出你的需求然后AI给出她的方案，如果你不满意可以补充细节或推倒重来，直到打到你满意的效果。

Effort

算力，算力越大消耗token越快，建议选中等（Medium）。