最近后台和群里被问得最多的一个问题,就是怎么在 VsCode 里把 ClaudeCode 用起来。很多人对 ClaudeCode 的认知还停留在“又一个插件”,装完只会弹一个聊天气泡,然后不知道该拿它干嘛。说句实在话,ClaudeCode 不只是一个 VsCode 功能增强,它是一套能直接读代码、改文件、执行命令的编程代理,而 VsCode 则是目前最适合和它搭配的工作台。
这篇文章我按照自己的真实使用过程来写,从 CLI 安装、VsCode 插件安装,到权限配置、项目实战、问题排查,再到接入 DeepSeek 这类兼容模型的小实验,一步步过一遍。不管你是刚接触 VsCode 的入门用户,还是想拿编程代理跑正式项目的老手,跟着这篇文章把环境搭起来,应该不会遇到太多意料之外的坑。
1. 先把概念理清楚:ClaudeCode 到底是什么
很多朋友一听到“插件”这两个字,默认认为它和 GitLens、ESLint 一样,只是给 VsCode 编辑器加功能的扩展。但 ClaudeCode 的定位其实要高一层:它是一个跑在终端里的编程代理,能理解你的自然语言需求,然后自己列计划、读文件、改代码、跑命令,甚至帮你提交 Git。你给它的不是“补全一段代码”的指令,而是一个“把某个功能做完”的目标。
1.1 为什么要在 VsCode 里跑,而不是单独开个终端
ClaudeCode 本身是命令行工具,单独开终端也能用,但我实测试下来,放在 VsCode 里跑有明显优势。VsCode 的集成终端和编辑器共享同一个工作区,ClaudeCode 在改文件时,编辑器左侧的目录树会实时刷新,你甚至能直接点击终端输出里的文件路径,跳到对应代码位置,画面瞬间连贯起来。单独开一个 macOS Terminal 或 Windows PowerShell,还得来回切换窗口,时间一长效率损失很大。
还有一个点是命令回显。如果我在 VsCode 集成终端里启动 claude,每次它执行完 git 或 npm 命令,输出会直接留在终端里,配合 VsCode 自带的 diff 视图,我能立刻判断改动是否合理。在独立终端里想做到这点,要让两边手动对齐目录,体验差了不少。
1.2 VsCode 和 ClaudeCode 的分工
有人会把它们理解成“一个东西装了两遍”,其实不是。VsCode 的 ClaudeCode 插件主要负责交互入口,比如启动会话、把工具调用结果显示在侧边栏,或者提供一些快捷按钮;真正做事的还是安装好的 claude 命令行程序。换句话说,VsCode 是一个好用的乘车界面,ClaudeCode 是引擎。
理解这一点对排查故障很重要。遇到“插件点了没反应”这种问题,大多数人会以为是插件坏了,实际往往只是底层 CLI 没装好、没登录,或者环境变量不对。所以我们接下来先把 CLI 装到能独立运行,再回到 VsCode 里折腾插件,顺序一旦反了,出了问题会很难定位。
2. 安装前的准备工作:环境检查要趁早
很多安装失败都是前置条件没对齐,而不是安装命令本身的问题。ClaudeCode 依赖 Node.js 运行,路径里还需要 Git 支持,所以在敲安装命令之前,我建议你先花三分钟把环境检查一遍。
2.1 需要哪些基础环境
最核心的是 Node.js,官方要求 18 版本以上,我用 20 和 22 都没问题。版本太旧会直接报语法错误,比如常见的 SyntaxError: Unexpected token '?',通常就是 Node 版本不够新导致的。如果你电脑里已经装了 nvm 这类版本管理工具,最好切到一个较新的长期支持版本再试。
其次是 Git。ClaudeCode 的很多操作依赖 Git,比如查看文件改动、生成提交信息、撤销修改。没有 Git 的话,虽然普通文件操作还能用,但体验会打折扣。Windows 用户如果装过 GitHub Desktop 或 VsCode 自带的源码管理,一般 Git 已经在 PATH 里了,直接跳过这步。
另外要准备一个账号或 API Key。刚安装完不能直接对话,首次启动会让你走登录流程,把认证信息保存到本地。不同的模型服务配置方式不太一样,我之前用 Anthropic 官方账号是浏览器授权,后面接 DeepSeek 则是通过环境变量配 token,这两种方式我都会在文章里讲清楚。
2.2 检查现有环境的两条命令
打开 VsCode 集成终端,依次执行下面两条命令,确认返回值正常:
bash复制node -v
npm -v
git --version
其中
