Vibe coding之使用Claude安装以及完成功能开发

0 阅读4分钟

        Claude code的出现使得编程的门槛大大降低,这款相比Cursor编译软件,他更加的强大,Claude Code让"不会编程"这件事,变得不再重要了。今天来体验一下使用Claude code来完成项目的业务开发。

一、Claude code安装

安装 Node.js 环境

Claude Code 需要 Node.js 环境才能运行。

Windows 安装方法

方法一:官网下载(推荐)点击网址nodejs.org

  1. 打开浏览器访问 https://nodejs.org/
  2. 点击 "LTS" 版本进行下载(推荐长期支持版本)
  3. 下载完成后双击 .msi 文件
  4. 按照安装向导完成安装,保持默认设置即可

方法二:使用包管理器

如果你安装了 Chocolatey 或 Scoop,可以使用命令行安装:

使用 Chocolatey

choco install nodejs

或使用 Scoop

scoop install nodejs

Windows 注意事项
  • • 建议使用 PowerShell 而不是 CMD
  • • 如果遇到权限问题,尝试以管理员身份运行
  • • 某些杀毒软件可能会误报,需要添加白名单

安装 git

点击网址git-scm.com/install/win…

安装 Claude Code

打开 PowerShell 或 CMD,运行以下命令:

全局安装 Claude Code

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

这个命令会从 npm 官方仓库下载并安装最新版本的 Claude Code。

提示
  • • 建议使用 PowerShell 而不是 CMD,功能更强大
  • • 如果遇到权限问题,以管理员身份运行 PowerShell
验证 Claude Code 安装

安装完成后,输入以下命令检查是否安装成功:

安装完成后,输入以下命令检查Node.js,git ,Claude code 是否安装成功:

node --version

npm --version

claude --version

如果显示版本号,恭喜你!Claude Code 已经成功安装了。

设置环境变量
配置 Claude Code 环境变量

为了让 Claude Code 连接到你的中转服务,需要设置两个环境变量:

方法一:PowerShell 临时设置(当前会话)

在 PowerShell 中运行以下命令:

$env:ANTHROPIC_BASE_URL = "cursor.scihub.edu.kg/api"

$env:ANTHROPIC_AUTH_TOKEN = "你的API密钥"

💡 记得将 "你的API密钥" 替换为在上方 "API Keys" 标签页中创建的实际密钥。

方法二:PowerShell 永久设置(用户级)

在 PowerShell 中运行以下命令设置用户级环境变量:

设置用户级环境变量(永久生效)

[System.Environment]::SetEnvironmentVariable("ANTHROPIC_BASE_URL", "cursor.scihub.edu.kg/api", [System.EnvironmentVariableTarget]::User)

[System.Environment]::SetEnvironmentVariable("ANTHROPIC_AUTH_TOKEN", "你的API密钥", [System.EnvironmentVariableTarget]::User)

💡 设置后需要重新打开 PowerShell 窗口才能生效。

VSCode Claude 插件配置

如果使用 VSCode 的 Claude 插件,需要在配置文件中进行设置:

配置文件位置: C:\Users\你的用户名.claude\config.json

💡 如果该文件不存在,请手动创建。

{

"primaryApiKey": "crs"

}

方法三:配置settings.json文件

创建(如果不存在) 或 编辑 C:\Users\用户名.claude\settings.json,输入以下值并保存

{ "env": { "ANTHROPIC_AUTH_TOKEN": "替换为您的API Key", "ANTHROPIC_BASE_URL": "https://cursor.scihub.edu.kg/api", "CLAUDE_CODE_MAX_OUTPUT_TOKENS": "12000" }, "permissions": { "allow": [], "deny": [] } }

3.4.2 配置环境变量

rcnj8gojolcz.feishu.cn/sync/J4TDdw…

下载这个bat 文件,输入apikey 回车 即设置完成,没有的话自己生成一个,代码复制上面的,命名为:setup_claude_env.bat

验证环境变量设置

设置完环境变量后,可以通过以下命令验证是否设置成功:

在 PowerShell 中验证:

echo $env:ANTHROPIC_BASE_URL

echo $env:ANTHROPIC_AUTH_TOKEN

预期输出示例:

cursor.scihub.edu.kg/api

cr_xxxxxxxxxxxxxxxxxx

💡 如果输出为空或显示变量名本身,说明环境变量设置失败,请重新设置。

4开始使用 Claude Code

现在你可以开始使用 Claude Code 了!

启动 Claude Code

claude

在特定项目中使用

进入你的项目目录

cd C:\path\to\your\project

启动 Claude Code

claude

二、使用Claude code完成业务需求开发

        我的需求是要求他添加一个在线版本显示和在线软件升级的功能,参考已有的EU3升级,在我新加的线程中完成缺失的版本显示功能和在线升级功能:

思考过程:

​        整个思考和开发的过程太慢了,花了近几个小时完成这一个需求,应该是我选的模型和网络的原因,一直会出现中断的现象,我尝试换VPN但是最后还是有中断的现象,整个思考的过程是比较漫长的,vibe coding 的过程和最后的结果也是比较完整的,Claude是从整一个工程文件分析和出发,最终得到的结果也是比较好的。

        使用过程中我发现Claude还是比较费token的,就一个问题使用了大概三十美金的token。它烧额度烧得非常快。 一次Code的会话,可能相当于二三十次普通Chat对话。如果你每天重度使用,20美元/月的Pro计划可能一周就到顶了。如果你要认真用Code,建议上100美元/月的Max计划。

后续我使用vs code 上的Claude 来完成,这上面不需要一直给于权限,可以一直给于权限直到最终完成结果。