Claude Code 完整上手指南

大家好，我是讯享网，很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。

重要：设置完成后，你需要关闭所有已经打开的CMD或PowerShell窗口，然后重新打开一个新的窗口，这样新的环境变量才会生效。

配置方式二：使用图形用户界面（GUI）（Windows）

最直观、最不容易出错的方法

打开“系统属性”按键盘上的 Windows 键 + R 键，打开“运行”对话框。输入 sysdm.cpl 然后按回车。

进入“环境变量”设置在打开的“系统属性”窗口中，切换到“高级”选项卡。点击右下角的“环境变量...”按钮。

添加新的用户变量在弹出的“环境变量”窗口中，上半部分是“（您的用户名）的用户变量”。点击“新建(N)...”按钮。变量名(N): ANTHROPIC_AUTH_TOKEN变量值(V): sk-... (你的密钥)点击“确定”。

重复步骤3添加第二个变量再次点击“新建(N)...”。变量名(N): ANTHROPIC_BASE_URL变量值(V): https://xxxxxxx 点击“确定”。

新打开终端窗口个，输入 Claude 回车开始对话。

授权登录需要使用魔法，且建议选择非限制的国家地区，否则容易出现地区限制的问题。

如果页面提示成功了，但是本地403，这个时候，需要注意本地的系统，是否设置了其它的地区。

开发一个静态网页

对话：帮我创建一个静态页面，打开后，是樱花飘落的动态效果。

可以看到，Claude Code 在执行任务的过程中，会提示用户是否要执行该操作，上述有三个选项，我们可以选择1，要经过我们同意后才可以运行，这是整个执行的过程，能看到Claude Code正在的操作，也便于我们去了解它的实现方式。

最后执行成功的结果如下：

打开生成的HTML，可以看到如下效果，效果还是挺不错的。

但是到这里，大家可能会有一个疑问，这些新增和改动的代码看上去太麻烦了，不可能一直使用终端，其实Claude Code支持多种使用形态，这里继续讲解。

6.1 JetBrains IDEs

详情参考文档：https://code.claude.com/docs/en/jetbrains

Claude Code

IntelliJ IDEA
PyCharm
Android Studio
WebStorm
PhpStorm
GoLand

在 IDEA 中安装 Claude Code 非常简单，直接进入 Settings → Plugins，搜索 Claude Code 并安装即可：

安装成功后，右上角会出现 Claude Code 图标，点击即可打开底部终端：

此时可以直接用自然语言下达指令。

在修改过程中，可以清楚地看到代码变动的内容，效果类似于 git history / diff：

同时，插件执行的所有日志也会在底部控制台完整展示，一切都在 “掌握中”：

6.2 VS Code

详情参考文档：https://code.claude.com/docs/en/vs-code

Claude Code 同样支持 VS Code，通过官方扩展即可安装使用。

核心能力与 JetBrains 版本一致：

支持直接读取当前项目上下文
使用自然语言生成、修改代码
自动生成 patch，并展示 diff 变更
可结合终端执行命令、运行测试

VS Code 版本更适合前端、Node.js 以及轻量级项目开发者，整体体验偏“无感集成”，适合日常高频使用。

6.3 桌面版

详情参考文档：https://code.claude.com/docs/en/desktop

Claude Code 桌面版是一个本地原生应用（Preview），目标是让你无需命令行，也能管理多个 Claude Code 会话。

核心特性：

：可以让中被忽略的文件（如）在 AI 会话中可见，方便真实环境下修改代码。
内置稳定版本：桌面版内置 Claude Code 稳定版本，自动更新，避免 CLI 版本不一致问题。
继承本地环境变量：自动读取本机 PATH，可直接调用你已安装的本地开发工具。
无缝衔接Web 会话：桌面版可一键跳转 Web Claude Code，灵活在本地与云端之间切换。

6.4 浏览器插件

详情参考文档：https://code.claude.com/docs/en/chrome

Claude Code 提供 Chrome 浏览器插件（Beta），主要面向 Web 调试与自动化场景。

当前能力：

结合网页上下文使用 Claude Code
可辅助调试 Web 应用、分析 Console 日志
用于自动化网页操作和页面分析

注意事项：

目前仅支持 Google Chrome
尚不支持 Firefox / Arc / Brave
仍处于测试阶段，更适合尝鲜和实验性使用

6.5 GitHub Actions

详情参考文档：https://code.claude.com/docs/en/github-actions

Claude Code 可以通过官方 GitHub Action 深度集成到 CI/

典型使用方式：

在 PR / Issue 中通过触发 AI 任务
自动进行代码审查、Bug 修复、功能实现
自动生成 Pull Request 或提交修改

优势：

无需人工介入即可完成部分开发流程
支持多种认证方式（Anthropic API / Bedrock / Vertex）
非常适合代码质量治理、自动化修复场景

6.6 GitLab CI/CD

详情参考文档：https://code.claude.com/docs/en/gitlab-ci-cd

GitLab CI/CD 集成目前处于 Beta 状态，定位与 GitHub Actions 类似。

核心能力：

在 CI Pipeline 中运行 Claude Code
根据 Issue 或 MR 评论触发 AI 任务
自动生成 Merge Request

适合 GitLab 重度用户，但目前功能仍在快速迭代中，建议关注官方更新。

6.7 Slack

详情参考文档：https://code.claude.com/docs/en/slack

Claude Code 可以直接集成到 Slack，成为“会写代码的同事”。

使用方式：

在 Slack 中提出需求
Claude 自动判断是否为代码任务
若是代码任务，会启动 Claude Code 会话

支持两种模式：

Code Only：所有消息都走 Claude Code
Code + Chat：智能区分聊天与代码任务，可手动切换

适合团队协作、异步开发和远程办公场景。

6.8 Web

详情参考文档：https://code.claude.com/docs/en/claude-code-on-the-web

Claude Code 提供官方 Web 版本，无需本地环境即可使用。

主要特点：

浏览器中直接授权 GitHub 仓库
Claude 在官方云端 VM 中运行代码
预装常见开发环境（Python / Node / Rust 等）
支持运行测试、修改代码、创建 PR

非常适合：

临时使用
无本地开发环境
远程 / 云端开发场景

理解完整代码仓库，而不是单个文件
在多个文件之间进行一致性修改
执行真实命令、运行测试、修复错误
在可控的前提下，逐步推进开发任务

Claude Code 完整上手指南

相关推荐