mirror of
https://github.com/Wei-Shaw/claude-relay-service.git
synced 2026-01-22 16:43:35 +00:00
2 lines
45 KiB
JavaScript
2 lines
45 KiB
JavaScript
import{_ as v}from"./index-D3bIJLrk.js";import{r as n,c as p,x as r,z as s,L as g,O as e,Q as c,ac as u,aY as m,P as a,y as b,C as i}from"./vue-vendor-CKToUHZx.js";import"./element-plus-B8Fs_0jW.js";import"./vendor-BDiMbLwQ.js";const y={class:"card p-3 sm:p-6"},f={class:"mb-4 sm:mb-8"},w={class:"flex flex-wrap gap-1 sm:gap-2 p-1 sm:p-2 bg-gray-100 rounded-xl"},h=["onClick"],C={key:0,class:"tutorial-content"},A={class:"mb-6 sm:mb-10"},T={class:"bg-gradient-to-r from-orange-50 to-yellow-50 rounded-xl p-4 sm:p-6 border border-orange-100 mb-4 sm:mb-6"},P={class:"space-y-4"},N={class:"bg-white rounded-lg p-3 sm:p-4 border border-orange-200"},S={class:"bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto"},H={class:"text-gray-300 whitespace-nowrap"},O={class:"bg-white rounded-lg p-3 sm:p-4 border border-orange-200"},I={class:"mt-3 space-y-2"},R={class:"bg-gray-100 p-2 rounded text-sm"},_={class:"font-mono"},j={class:"bg-blue-50 border border-blue-200 rounded-lg p-3 sm:p-4 mt-6"},E={class:"mt-3 space-y-2"},B={class:"bg-gray-100 p-2 rounded text-sm font-mono"},U={key:1,class:"tutorial-content"},L={class:"mb-6 sm:mb-10"},q={class:"bg-gradient-to-r from-orange-50 to-yellow-50 rounded-xl p-4 sm:p-6 border border-orange-100 mb-4 sm:mb-6"},k={class:"space-y-4"},G={class:"bg-white rounded-lg p-3 sm:p-4 border border-orange-200"},K={class:"bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto"},z={class:"text-gray-300 whitespace-nowrap"},D={class:"bg-white rounded-lg p-3 sm:p-4 border border-orange-200"},W={class:"bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto mb-3"},$={class:"text-gray-300 whitespace-nowrap"},M={class:"bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto"},V={class:"text-gray-300 whitespace-nowrap"},F={key:2,class:"tutorial-content"},Q={class:"mb-6 sm:mb-10"},Y={class:"bg-gradient-to-r from-orange-50 to-yellow-50 rounded-xl p-4 sm:p-6 border border-orange-100 mb-4 sm:mb-6"},J={class:"space-y-4"},X={class:"bg-white rounded-lg p-3 sm:p-4 border border-orange-200"},Z={class:"bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto"},tt={class:"text-gray-300 whitespace-nowrap"},st={class:"bg-white rounded-lg p-3 sm:p-4 border border-orange-200"},et={class:"bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto mb-3"},at={class:"text-gray-300 whitespace-nowrap"},dt={class:"bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto"},mt={class:"text-gray-300 whitespace-nowrap"},ot={__name:"TutorialView",setup(lt){const o=n("windows"),x=[{key:"windows",name:"Windows",icon:"fab fa-windows"},{key:"macos",name:"macOS",icon:"fab fa-apple"},{key:"linux",name:"Linux / WSL2",icon:"fab fa-linux"}],d=p(()=>window.location.origin);return(rt,t)=>(b(),r("div",y,[t[55]||(t[55]=s("div",{class:"mb-4 sm:mb-8"},[s("h3",{class:"text-xl sm:text-2xl font-bold text-gray-900 mb-3 sm:mb-4 flex items-center"},[s("i",{class:"fas fa-graduation-cap text-blue-600 mr-2 sm:mr-3"}),e(" Claude Code 使用教程 ")]),s("p",{class:"text-gray-600 text-sm sm:text-lg"}," 跟着这个教程，你可以轻松在自己的电脑上安装并使用 Claude Code。 ")],-1)),s("div",f,[s("div",w,[(b(),r(c,null,u(x,l=>s("button",{key:l.key,class:i(["flex-1 py-2 sm:py-3 px-3 sm:px-6 text-xs sm:text-sm font-semibold rounded-lg transition-all duration-300 flex items-center justify-center gap-1 sm:gap-2",o.value===l.key?"bg-white text-blue-600 shadow-sm":"text-gray-600 hover:bg-white/50 hover:text-gray-900"]),onClick:bt=>o.value=l.key},[s("i",{class:i(l.icon)},null,2),e(" "+a(l.name),1)],10,h)),64))])]),o.value==="windows"?(b(),r("div",C,[t[19]||(t[19]=m('<div class="mb-4 sm:mb-6 sm:mb-10" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><span class="w-6 h-6 sm:w-8 sm:h-8 bg-blue-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3" data-v-573d0b94>1</span> 安装 Node.js 环境 </h4><p class="text-gray-600 mb-4 sm:mb-4 sm:mb-6 text-sm sm:text-base" data-v-573d0b94> Claude Code 需要 Node.js 环境才能运行。 </p><div class="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-xl p-4 sm:p-6 border border-blue-100 mb-4 sm:mb-4 sm:mb-6" data-v-573d0b94><h5 class="text-base sm:text-lg font-semibold text-gray-800 mb-2 sm:mb-3 flex items-center" data-v-573d0b94><i class="fab fa-windows text-blue-600 mr-2" data-v-573d0b94></i> Windows 安装方法 </h5><div class="mb-3 sm:mb-4" data-v-573d0b94><p class="text-gray-700 mb-2 sm:mb-3 text-sm sm:text-base" data-v-573d0b94> 方法一：官网下载（推荐） </p><ol class="list-decimal list-inside text-gray-600 space-y-1 sm:space-y-2 ml-2 sm:ml-4 text-xs sm:text-sm" data-v-573d0b94><li data-v-573d0b94>打开浏览器访问 <code class="bg-gray-100 px-1 sm:px-2 py-1 rounded text-xs sm:text-sm" data-v-573d0b94>https://nodejs.org/</code></li><li data-v-573d0b94>点击 "LTS" 版本进行下载（推荐长期支持版本）</li><li data-v-573d0b94>下载完成后双击 <code class="bg-gray-100 px-1 sm:px-2 py-1 rounded text-xs sm:text-sm" data-v-573d0b94>.msi</code> 文件</li><li data-v-573d0b94>按照安装向导完成安装，保持默认设置即可</li></ol></div><div class="mb-3 sm:mb-4" data-v-573d0b94><p class="text-gray-700 mb-2 sm:mb-3 text-sm sm:text-base" data-v-573d0b94> 方法二：使用包管理器 </p><p class="text-gray-600 mb-2 text-xs sm:text-sm text-xs sm:text-sm" data-v-573d0b94> 如果你安装了 Chocolatey 或 Scoop，可以使用命令行安装： </p><div class="bg-gray-900 text-green-400 p-3 sm:p-4 rounded-lg font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="mb-2" data-v-573d0b94> # 使用 Chocolatey </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> choco install nodejs </div><div class="mt-3 mb-2" data-v-573d0b94> # 或使用 Scoop </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> scoop install nodejs </div></div></div><div class="bg-blue-50 border border-blue-200 rounded-lg p-3 sm:p-4" data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-blue-800 mb-2 text-sm sm:text-base" data-v-573d0b94> Windows 注意事项 </h6><ul class="text-blue-700 text-xs sm:text-xs sm:text-sm space-y-1" data-v-573d0b94><li data-v-573d0b94>• 建议使用 PowerShell 而不是 CMD</li><li data-v-573d0b94>• 如果遇到权限问题，尝试以管理员身份运行</li><li data-v-573d0b94>• 某些杀毒软件可能会误报，需要添加白名单</li></ul></div></div><div class="bg-green-50 border border-green-200 rounded-lg p-3 sm:p-4" data-v-573d0b94><h6 class="font-medium text-green-800 mb-2 text-sm sm:text-base" data-v-573d0b94> 验证安装是否成功 </h6><p class="text-green-700 text-xs sm:text-sm mb-2 sm:mb-3" data-v-573d0b94> 安装完成后，打开 PowerShell 或 CMD，输入以下命令： </p><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> node --version </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> npm --version </div></div><p class="text-green-700 text-xs sm:text-sm mt-2" data-v-573d0b94> 如果显示版本号，说明安装成功了！ </p></div></div><div class="mb-4 sm:mb-6 sm:mb-10" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><span class="w-6 h-6 sm:w-8 sm:h-8 bg-green-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3" data-v-573d0b94>2</span> 安装 Git Bash </h4><p class="text-gray-600 mb-4 sm:mb-4 sm:mb-6 text-sm sm:text-base" data-v-573d0b94> Windows 环境下需要使用 Git Bash 安装Claude code。安装完成后，环境变量设置和使用 Claude Code 仍然在普通的 PowerShell 或 CMD 中进行。 </p><div class="bg-gradient-to-r from-green-50 to-emerald-50 rounded-xl p-4 sm:p-6 border border-green-100 mb-4 sm:mb-6" data-v-573d0b94><h5 class="text-base sm:text-lg font-semibold text-gray-800 mb-2 sm:mb-3 flex items-center" data-v-573d0b94><i class="fab fa-git-alt text-green-600 mr-2" data-v-573d0b94></i> 下载并安装 Git for Windows </h5><ol class="list-decimal list-inside text-gray-600 space-y-1 sm:space-y-2 ml-2 sm:ml-4 text-xs sm:text-sm mb-4" data-v-573d0b94><li data-v-573d0b94>访问 <code class="bg-gray-100 px-1 sm:px-2 py-1 rounded text-xs sm:text-sm" data-v-573d0b94>https://git-scm.com/downloads/win</code></li><li data-v-573d0b94>点击 "Download for Windows" 下载安装包</li><li data-v-573d0b94>运行下载的 <code class="bg-gray-100 px-1 sm:px-2 py-1 rounded text-xs sm:text-sm" data-v-573d0b94>.exe</code> 安装文件</li><li data-v-573d0b94>在安装过程中保持默认设置，直接点击 "Next" 完成安装</li></ol><div class="bg-green-50 border border-green-200 rounded-lg p-3 sm:p-4" data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-green-800 mb-2" data-v-573d0b94> 安装完成后 </h6><ul class="text-green-700 text-xs sm:text-sm space-y-1" data-v-573d0b94><li data-v-573d0b94>• 在任意文件夹右键可以看到 "Git Bash Here" 选项</li><li data-v-573d0b94>• 也可以从开始菜单启动 "Git Bash"</li><li data-v-573d0b94>• 只需要在 Git Bash 中运行 npm install 命令</li><li data-v-573d0b94>• 后续的环境变量设置和使用都在 PowerShell/CMD 中</li></ul></div></div><div class="bg-green-50 border border-green-200 rounded-lg p-3 sm:p-4" data-v-573d0b94><h6 class="font-medium text-green-800 mb-2 text-sm sm:text-base" data-v-573d0b94> 验证 Git Bash 安装 </h6><p class="text-green-700 text-xs sm:text-sm mb-2 sm:mb-3" data-v-573d0b94> 打开 Git Bash，输入以下命令验证： </p><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> git --version </div></div><p class="text-green-700 text-xs sm:text-sm mt-2" data-v-573d0b94> 如果显示 Git 版本号，说明安装成功！ </p></div></div><div class="mb-4 sm:mb-6 sm:mb-10" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><span class="w-6 h-6 sm:w-8 sm:h-8 bg-purple-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3" data-v-573d0b94>3</span> 安装 Claude Code </h4><div class="bg-gradient-to-r from-purple-50 to-pink-50 rounded-xl p-4 sm:p-6 border border-purple-100 mb-4 sm:mb-6" data-v-573d0b94><h5 class="text-base sm:text-lg font-semibold text-gray-800 mb-2 sm:mb-3 flex items-center" data-v-573d0b94><i class="fas fa-download text-purple-600 mr-2" data-v-573d0b94></i> 安装 Claude Code </h5><p class="text-gray-700 mb-3 sm:mb-4 text-sm sm:text-base" data-v-573d0b94> 打开 Git Bash（重要：不要使用 PowerShell），运行以下命令： </p><div class="bg-gray-900 text-green-400 p-3 sm:p-4 rounded-lg font-mono text-xs sm:text-sm overflow-x-auto mb-4" data-v-573d0b94><div class="mb-2" data-v-573d0b94> # 在 Git Bash 中全局安装 Claude Code </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> npm install -g @anthropic-ai/claude-code </div></div><p class="text-gray-600 text-sm" data-v-573d0b94> 这个命令会从 npm 官方仓库下载并安装最新版本的 Claude Code。 </p><div class="bg-yellow-50 border border-yellow-200 rounded-lg p-3 sm:p-4 mt-4" data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-yellow-800 mb-2" data-v-573d0b94> 重要提醒 </h6><ul class="text-yellow-700 text-xs sm:text-sm space-y-1" data-v-573d0b94><li data-v-573d0b94>• 必须在 Git Bash 中运行，不要在 PowerShell 中运行</li><li data-v-573d0b94>• 如果遇到权限问题，可以尝试在 Git Bash 中使用 sudo 命令</li></ul></div></div><div class="bg-green-50 border border-green-200 rounded-lg p-3 sm:p-4" data-v-573d0b94><h6 class="font-medium text-green-800 mb-2" data-v-573d0b94> 验证 Claude Code 安装 </h6><p class="text-green-700 text-sm mb-3" data-v-573d0b94> 安装完成后，输入以下命令检查是否安装成功： </p><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> claude --version </div></div><p class="text-green-700 text-sm mt-2" data-v-573d0b94> 如果显示版本号，恭喜你！Claude Code 已经成功安装了。 </p></div></div>',3)),s("div",A,[t[18]||(t[18]=s("h4",{class:"text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center"},[s("span",{class:"w-6 h-6 sm:w-8 sm:h-8 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3"},"4"),e(" 设置环境变量 ")],-1)),s("div",T,[t[12]||(t[12]=s("h5",{class:"text-base sm:text-lg font-semibold text-gray-800 mb-2 sm:mb-3 flex items-center"},[s("i",{class:"fas fa-cog text-orange-600 mr-2"}),e(" 配置 Claude Code 环境变量 ")],-1)),t[13]||(t[13]=s("p",{class:"text-gray-700 mb-3 sm:mb-4 text-sm sm:text-base"}," 为了让 Claude Code 连接到你的中转服务，需要设置两个环境变量： ",-1)),s("div",P,[s("div",N,[t[1]||(t[1]=s("h6",{class:"font-medium text-sm sm:text-base text-gray-800 mb-2"}," 方法一：PowerShell 临时设置（推荐） ",-1)),t[2]||(t[2]=s("p",{class:"text-gray-600 text-sm mb-3"}," 在 PowerShell 中运行以下命令： ",-1)),s("div",S,[s("div",H,' $env:ANTHROPIC_BASE_URL = "'+a(d.value)+'" ',1),t[0]||(t[0]=s("div",{class:"text-gray-300 whitespace-nowrap"},' $env:ANTHROPIC_AUTH_TOKEN = "你的API密钥" ',-1))]),t[3]||(t[3]=s("p",{class:"text-yellow-700 text-xs mt-2"},' 💡 记得将 "你的API密钥" 替换为在上方 "API Keys" 标签页中创建的实际密钥。 ',-1))]),s("div",O,[t[10]||(t[10]=s("h6",{class:"font-medium text-sm sm:text-base text-gray-800 mb-2"}," 方法二：系统环境变量（永久设置） ",-1)),t[11]||(t[11]=s("ol",{class:"text-gray-600 text-xs sm:text-sm space-y-1 list-decimal list-inside"},[s("li",null,'右键"此电脑" → "属性" → "高级系统设置"'),s("li",null,'点击"环境变量"按钮'),s("li",null,'在"用户变量"或"系统变量"中点击"新建"'),s("li",null,"添加以下两个变量：")],-1)),s("div",I,[s("div",R,[t[4]||(t[4]=s("strong",null,"变量名：",-1)),t[5]||(t[5]=e(" ANTHROPIC_BASE_URL",-1)),t[6]||(t[6]=s("br",null,null,-1)),t[7]||(t[7]=s("strong",null,"变量值：",-1)),t[8]||(t[8]=e()),s("span",_,a(d.value),1)]),t[9]||(t[9]=s("div",{class:"bg-gray-100 p-2 rounded text-sm"},[s("strong",null,"变量名："),e(" ANTHROPIC_AUTH_TOKEN"),s("br"),s("strong",null,"变量值："),e(),s("span",{class:"font-mono"},"你的API密钥")],-1))])])])]),s("div",j,[t[17]||(t[17]=m('<h6 class="font-medium text-blue-800 mb-2" data-v-573d0b94> 验证环境变量设置 </h6><p class="text-blue-700 text-sm mb-3" data-v-573d0b94> 设置完环境变量后，可以通过以下命令验证是否设置成功： </p><div class="space-y-4" data-v-573d0b94><div data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-gray-800 mb-2" data-v-573d0b94> 在 PowerShell 中验证： </h6><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto space-y-1" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> echo $env:ANTHROPIC_BASE_URL </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> echo $env:ANTHROPIC_AUTH_TOKEN </div></div></div><div data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-gray-800 mb-2" data-v-573d0b94> 在 CMD 中验证： </h6><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto space-y-1" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> echo %ANTHROPIC_BASE_URL% </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> echo %ANTHROPIC_AUTH_TOKEN% </div></div></div></div>',3)),s("div",E,[t[15]||(t[15]=s("p",{class:"text-blue-700 text-sm"},[s("strong",null,"预期输出示例：")],-1)),s("div",B,[s("div",null,a(d.value),1),t[14]||(t[14]=s("div",null,"cr_xxxxxxxxxxxxxxxxxx",-1))]),t[16]||(t[16]=s("p",{class:"text-blue-700 text-xs"}," 💡 如果输出为空或显示变量名本身，说明环境变量设置失败，请重新设置。 ",-1))])])]),t[20]||(t[20]=m('<div class="mb-6 sm:mb-8" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><span class="w-6 h-6 sm:w-8 sm:h-8 bg-yellow-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3" data-v-573d0b94>5</span> 开始使用 Claude Code </h4><div class="bg-gradient-to-r from-yellow-50 to-amber-50 rounded-xl p-4 sm:p-6 border border-yellow-100" data-v-573d0b94><p class="text-gray-700 mb-3 sm:mb-4 text-sm sm:text-base" data-v-573d0b94> 现在你可以开始使用 Claude Code 了！ </p><div class="space-y-4" data-v-573d0b94><div data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-gray-800 mb-2" data-v-573d0b94> 启动 Claude Code </h6><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> claude </div></div></div><div data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-gray-800 mb-2" data-v-573d0b94> 在特定项目中使用 </h6><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="mb-2" data-v-573d0b94> # 进入你的项目目录 </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> cd C:\\path\\to\\your\\project </div><div class="mt-2 mb-2" data-v-573d0b94> # 启动 Claude Code </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> claude </div></div></div></div></div></div><div class="mb-8" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><i class="fas fa-wrench text-red-600 mr-2 sm:mr-3" data-v-573d0b94></i> Windows 常见问题解决 </h4><div class="space-y-4" data-v-573d0b94><details class="bg-gray-50 rounded-lg border border-gray-200" data-v-573d0b94><summary class="p-3 sm:p-4 cursor-pointer font-medium text-gray-800 hover:bg-gray-100 text-sm sm:text-base" data-v-573d0b94> 安装时提示 "permission denied" 错误 </summary><div class="px-3 sm:px-4 pb-3 sm:pb-4 text-gray-600" data-v-573d0b94><p class="mb-2" data-v-573d0b94> 这通常是权限问题，尝试以下解决方法： </p><ul class="list-disc list-inside space-y-1 text-sm" data-v-573d0b94><li data-v-573d0b94>以管理员身份运行 PowerShell</li><li data-v-573d0b94>或者配置 npm 使用用户目录：<code class="bg-gray-200 px-1 rounded text-xs sm:text-sm" data-v-573d0b94>npm config set prefix %APPDATA%\\npm</code></li></ul></div></details><details class="bg-gray-50 rounded-lg border border-gray-200" data-v-573d0b94><summary class="p-3 sm:p-4 cursor-pointer font-medium text-gray-800 hover:bg-gray-100 text-sm sm:text-base" data-v-573d0b94> PowerShell 执行策略错误 </summary><div class="px-3 sm:px-4 pb-3 sm:pb-4 text-gray-600" data-v-573d0b94><p class="mb-2" data-v-573d0b94> 如果遇到执行策略限制，运行： </p><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser </div></div></div></details><details class="bg-gray-50 rounded-lg border border-gray-200" data-v-573d0b94><summary class="p-3 sm:p-4 cursor-pointer font-medium text-gray-800 hover:bg-gray-100 text-sm sm:text-base" data-v-573d0b94> 环境变量设置后不生效 </summary><div class="px-3 sm:px-4 pb-3 sm:pb-4 text-gray-600" data-v-573d0b94><p class="mb-2" data-v-573d0b94> 设置永久环境变量后需要： </p><ul class="list-disc list-inside space-y-1 text-sm" data-v-573d0b94><li data-v-573d0b94>重新启动 PowerShell 或 CMD</li><li data-v-573d0b94>或者注销并重新登录 Windows</li><li data-v-573d0b94>验证设置：<code class="bg-gray-200 px-1 rounded text-xs sm:text-sm" data-v-573d0b94>echo $env:ANTHROPIC_BASE_URL</code></li></ul></div></details></div></div>',2))])):o.value==="macos"?(b(),r("div",U,[t[36]||(t[36]=m('<div class="mb-6 sm:mb-10" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><span class="w-6 h-6 sm:w-8 sm:h-8 bg-blue-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3" data-v-573d0b94>1</span> 安装 Node.js 环境 </h4><p class="text-gray-600 mb-4 sm:mb-6" data-v-573d0b94> Claude Code 需要 Node.js 环境才能运行。 </p><div class="bg-gradient-to-r from-gray-50 to-slate-50 rounded-xl p-4 sm:p-6 border border-gray-200 mb-4 sm:mb-6" data-v-573d0b94><h5 class="text-base sm:text-lg font-semibold text-gray-800 mb-2 sm:mb-3 flex items-center" data-v-573d0b94><i class="fab fa-apple text-gray-700 mr-2" data-v-573d0b94></i> macOS 安装方法 </h5><div class="mb-4" data-v-573d0b94><p class="text-gray-700 mb-3" data-v-573d0b94> 方法一：使用 Homebrew（推荐） </p><p class="text-gray-600 mb-2 text-xs sm:text-sm" data-v-573d0b94> 如果你已经安装了 Homebrew，使用它安装 Node.js 会更方便： </p><div class="bg-gray-900 text-green-400 p-3 sm:p-4 rounded-lg font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="mb-2" data-v-573d0b94> # 更新 Homebrew </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> brew update </div><div class="mt-3 mb-2" data-v-573d0b94> # 安装 Node.js </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> brew install node </div></div></div><div class="mb-4" data-v-573d0b94><p class="text-gray-700 mb-3" data-v-573d0b94> 方法二：官网下载 </p><ol class="list-decimal list-inside text-gray-600 space-y-1 sm:space-y-2 ml-2 sm:ml-4 text-xs sm:text-sm" data-v-573d0b94><li data-v-573d0b94>访问 <code class="bg-gray-100 px-1 sm:px-2 py-1 rounded text-xs sm:text-sm" data-v-573d0b94>https://nodejs.org/</code></li><li data-v-573d0b94>下载适合 macOS 的 LTS 版本</li><li data-v-573d0b94>打开下载的 <code class="bg-gray-100 px-1 sm:px-2 py-1 rounded text-xs sm:text-sm" data-v-573d0b94>.pkg</code> 文件</li><li data-v-573d0b94>按照安装程序指引完成安装</li></ol></div><div class="bg-gray-50 border border-gray-200 rounded-lg p-3 sm:p-4" data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-gray-800 mb-2" data-v-573d0b94> macOS 注意事项 </h6><ul class="text-gray-700 text-xs sm:text-sm space-y-1" data-v-573d0b94><li data-v-573d0b94>• 如果遇到权限问题，可能需要使用 <code class="bg-gray-200 px-1 rounded text-xs sm:text-sm" data-v-573d0b94>sudo</code></li><li data-v-573d0b94>• 首次运行可能需要在系统偏好设置中允许</li><li data-v-573d0b94>• 建议使用 Terminal 或 iTerm2</li></ul></div></div><div class="bg-green-50 border border-green-200 rounded-lg p-3 sm:p-4" data-v-573d0b94><h6 class="font-medium text-green-800 mb-2" data-v-573d0b94> 验证安装是否成功 </h6><p class="text-green-700 text-sm mb-3" data-v-573d0b94> 安装完成后，打开 Terminal，输入以下命令： </p><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> node --version </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> npm --version </div></div><p class="text-green-700 text-sm mt-2" data-v-573d0b94> 如果显示版本号，说明安装成功了！ </p></div></div><div class="mb-6 sm:mb-10" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><span class="w-6 h-6 sm:w-8 sm:h-8 bg-green-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3" data-v-573d0b94>2</span> 安装 Claude Code </h4><div class="bg-gradient-to-r from-purple-50 to-pink-50 rounded-xl p-4 sm:p-6 border border-purple-100 mb-4 sm:mb-6" data-v-573d0b94><h5 class="text-base sm:text-lg font-semibold text-gray-800 mb-2 sm:mb-3 flex items-center" data-v-573d0b94><i class="fas fa-download text-purple-600 mr-2" data-v-573d0b94></i> 安装 Claude Code </h5><p class="text-gray-700 mb-3 sm:mb-4 text-sm sm:text-base" data-v-573d0b94> 打开 Terminal，运行以下命令： </p><div class="bg-gray-900 text-green-400 p-3 sm:p-4 rounded-lg font-mono text-xs sm:text-sm overflow-x-auto mb-4" data-v-573d0b94><div class="mb-2" data-v-573d0b94> # 全局安装 Claude Code </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> npm install -g @anthropic-ai/claude-code </div></div><p class="text-gray-600 text-sm mb-2" data-v-573d0b94> 如果遇到权限问题，可以使用 sudo： </p><div class="bg-gray-900 text-green-400 p-3 sm:p-4 rounded-lg font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> sudo npm install -g @anthropic-ai/claude-code </div></div></div><div class="bg-green-50 border border-green-200 rounded-lg p-3 sm:p-4" data-v-573d0b94><h6 class="font-medium text-green-800 mb-2" data-v-573d0b94> 验证 Claude Code 安装 </h6><p class="text-green-700 text-sm mb-3" data-v-573d0b94> 安装完成后，输入以下命令检查是否安装成功： </p><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> claude --version </div></div><p class="text-green-700 text-sm mt-2" data-v-573d0b94> 如果显示版本号，恭喜你！Claude Code 已经成功安装了。 </p></div></div>',2)),s("div",L,[t[35]||(t[35]=s("h4",{class:"text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center"},[s("span",{class:"w-6 h-6 sm:w-8 sm:h-8 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3"},"3"),e(" 设置环境变量 ")],-1)),s("div",q,[t[33]||(t[33]=s("h5",{class:"text-base sm:text-lg font-semibold text-gray-800 mb-2 sm:mb-3 flex items-center"},[s("i",{class:"fas fa-cog text-orange-600 mr-2"}),e(" 配置 Claude Code 环境变量 ")],-1)),t[34]||(t[34]=s("p",{class:"text-gray-700 mb-3 sm:mb-4 text-sm sm:text-base"}," 为了让 Claude Code 连接到你的中转服务，需要设置两个环境变量： ",-1)),s("div",k,[s("div",G,[t[22]||(t[22]=s("h6",{class:"font-medium text-sm sm:text-base text-gray-800 mb-2"}," 方法一：临时设置（当前会话） ",-1)),t[23]||(t[23]=s("p",{class:"text-gray-600 text-sm mb-3"}," 在 Terminal 中运行以下命令： ",-1)),s("div",K,[s("div",z,' export ANTHROPIC_BASE_URL="'+a(d.value)+'" ',1),t[21]||(t[21]=s("div",{class:"text-gray-300 whitespace-nowrap"},' export ANTHROPIC_AUTH_TOKEN="你的API密钥" ',-1))]),t[24]||(t[24]=s("p",{class:"text-yellow-700 text-xs mt-2"},' 💡 记得将 "你的API密钥" 替换为在上方 "API Keys" 标签页中创建的实际密钥。 ',-1))]),s("div",D,[t[31]||(t[31]=s("h6",{class:"font-medium text-sm sm:text-base text-gray-800 mb-2"}," 方法二：永久设置 ",-1)),t[32]||(t[32]=s("p",{class:"text-gray-600 text-sm mb-3"}," 编辑你的 shell 配置文件（根据你使用的 shell）： ",-1)),s("div",W,[t[25]||(t[25]=s("div",{class:"mb-2"}," # 对于 zsh (默认) ",-1)),s("div",$,` echo 'export ANTHROPIC_BASE_URL="`+a(d.value)+`"' >> ~/.zshrc `,1),t[26]||(t[26]=s("div",{class:"text-gray-300 whitespace-nowrap"},` echo 'export ANTHROPIC_AUTH_TOKEN="你的API密钥"' >> ~/.zshrc `,-1)),t[27]||(t[27]=s("div",{class:"text-gray-300 whitespace-nowrap"}," source ~/.zshrc ",-1))]),s("div",M,[t[28]||(t[28]=s("div",{class:"mb-2"}," # 对于 bash ",-1)),s("div",V,` echo 'export ANTHROPIC_BASE_URL="`+a(d.value)+`"' >> ~/.bash_profile `,1),t[29]||(t[29]=s("div",{class:"text-gray-300 whitespace-nowrap"},` echo 'export ANTHROPIC_AUTH_TOKEN="你的API密钥"' >> ~/.bash_profile `,-1)),t[30]||(t[30]=s("div",{class:"text-gray-300 whitespace-nowrap"}," source ~/.bash_profile ",-1))])])])])]),t[37]||(t[37]=m('<div class="mb-8" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><span class="w-6 h-6 sm:w-8 sm:h-8 bg-yellow-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3" data-v-573d0b94>4</span> 开始使用 Claude Code </h4><div class="bg-gradient-to-r from-yellow-50 to-amber-50 rounded-xl p-4 sm:p-6 border border-yellow-100" data-v-573d0b94><p class="text-gray-700 mb-3 sm:mb-4 text-sm sm:text-base" data-v-573d0b94> 现在你可以开始使用 Claude Code 了！ </p><div class="space-y-4" data-v-573d0b94><div data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-gray-800 mb-2" data-v-573d0b94> 启动 Claude Code </h6><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> claude </div></div></div><div data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-gray-800 mb-2" data-v-573d0b94> 在特定项目中使用 </h6><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="mb-2" data-v-573d0b94> # 进入你的项目目录 </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> cd /path/to/your/project </div><div class="mt-2 mb-2" data-v-573d0b94> # 启动 Claude Code </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> claude </div></div></div></div></div></div><div class="mb-8" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><i class="fas fa-wrench text-red-600 mr-2 sm:mr-3" data-v-573d0b94></i> macOS 常见问题解决 </h4><div class="space-y-4" data-v-573d0b94><details class="bg-gray-50 rounded-lg border border-gray-200" data-v-573d0b94><summary class="p-3 sm:p-4 cursor-pointer font-medium text-gray-800 hover:bg-gray-100 text-sm sm:text-base" data-v-573d0b94> 安装时提示权限错误 </summary><div class="px-3 sm:px-4 pb-3 sm:pb-4 text-gray-600" data-v-573d0b94><p class="mb-2" data-v-573d0b94> 尝试以下解决方法： </p><ul class="list-disc list-inside space-y-1 text-sm" data-v-573d0b94><li data-v-573d0b94>使用 sudo 安装：<code class="bg-gray-200 px-1 rounded text-xs sm:text-sm" data-v-573d0b94>sudo npm install -g @anthropic-ai/claude-code</code></li><li data-v-573d0b94>或者配置 npm 使用用户目录：<code class="bg-gray-200 px-1 rounded text-xs sm:text-sm" data-v-573d0b94>npm config set prefix ~/.npm-global</code></li></ul></div></details><details class="bg-gray-50 rounded-lg border border-gray-200" data-v-573d0b94><summary class="p-3 sm:p-4 cursor-pointer font-medium text-gray-800 hover:bg-gray-100 text-sm sm:text-base" data-v-573d0b94> macOS 安全设置阻止运行 </summary><div class="px-3 sm:px-4 pb-3 sm:pb-4 text-gray-600" data-v-573d0b94><p class="mb-2" data-v-573d0b94> 如果系统阻止运行 Claude Code： </p><ul class="list-disc list-inside space-y-1 text-sm" data-v-573d0b94><li data-v-573d0b94>打开"系统偏好设置" → "安全性与隐私"</li><li data-v-573d0b94>点击"仍要打开"或"允许"</li><li data-v-573d0b94>或者在 Terminal 中运行：<code class="bg-gray-200 px-1 rounded text-xs sm:text-sm" data-v-573d0b94>sudo spctl --master-disable</code></li></ul></div></details><details class="bg-gray-50 rounded-lg border border-gray-200" data-v-573d0b94><summary class="p-3 sm:p-4 cursor-pointer font-medium text-gray-800 hover:bg-gray-100 text-sm sm:text-base" data-v-573d0b94> 环境变量不生效 </summary><div class="px-3 sm:px-4 pb-3 sm:pb-4 text-gray-600" data-v-573d0b94><p class="mb-2" data-v-573d0b94> 检查以下几点： </p><ul class="list-disc list-inside space-y-1 text-sm" data-v-573d0b94><li data-v-573d0b94>确认修改了正确的配置文件（.zshrc 或 .bash_profile）</li><li data-v-573d0b94>重新启动 Terminal</li><li data-v-573d0b94>验证设置：<code class="bg-gray-200 px-1 rounded text-xs sm:text-sm" data-v-573d0b94>echo $ANTHROPIC_BASE_URL</code></li></ul></div></details></div></div>',2))])):o.value==="linux"?(b(),r("div",F,[t[53]||(t[53]=m('<div class="mb-6 sm:mb-10" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><span class="w-6 h-6 sm:w-8 sm:h-8 bg-blue-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3" data-v-573d0b94>1</span> 安装 Node.js 环境 </h4><p class="text-gray-600 mb-4 sm:mb-6" data-v-573d0b94> Claude Code 需要 Node.js 环境才能运行。 </p><div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-xl p-4 sm:p-6 border border-orange-100 mb-4 sm:mb-6" data-v-573d0b94><h5 class="text-base sm:text-lg font-semibold text-gray-800 mb-2 sm:mb-3 flex items-center" data-v-573d0b94><i class="fab fa-ubuntu text-orange-600 mr-2" data-v-573d0b94></i> Linux 安装方法 </h5><div class="mb-4" data-v-573d0b94><p class="text-gray-700 mb-3" data-v-573d0b94> 方法一：使用官方仓库（推荐） </p><div class="bg-gray-900 text-green-400 p-3 sm:p-4 rounded-lg font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="mb-2" data-v-573d0b94> # 添加 NodeSource 仓库 </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash - </div><div class="mt-3 mb-2" data-v-573d0b94> # 安装 Node.js </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> sudo apt-get install -y nodejs </div></div></div><div class="mb-4" data-v-573d0b94><p class="text-gray-700 mb-3" data-v-573d0b94> 方法二：使用系统包管理器 </p><p class="text-gray-600 mb-2 text-xs sm:text-sm" data-v-573d0b94> 虽然版本可能不是最新的，但对于基本使用已经足够： </p><div class="bg-gray-900 text-green-400 p-3 sm:p-4 rounded-lg font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="mb-2" data-v-573d0b94> # Ubuntu/Debian </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> sudo apt update </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> sudo apt install nodejs npm </div><div class="mt-3 mb-2" data-v-573d0b94> # CentOS/RHEL/Fedora </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> sudo dnf install nodejs npm </div></div></div><div class="bg-orange-50 border border-orange-200 rounded-lg p-3 sm:p-4" data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-orange-800 mb-2" data-v-573d0b94> Linux 注意事项 </h6><ul class="text-orange-700 text-xs sm:text-sm space-y-1" data-v-573d0b94><li data-v-573d0b94>• 某些发行版可能需要安装额外的依赖</li><li data-v-573d0b94>• 如果遇到权限问题，使用 <code class="bg-orange-200 px-1 rounded" data-v-573d0b94>sudo</code></li><li data-v-573d0b94>• 确保你的用户在 npm 的全局目录有写权限</li></ul></div></div><div class="bg-green-50 border border-green-200 rounded-lg p-3 sm:p-4" data-v-573d0b94><h6 class="font-medium text-green-800 mb-2" data-v-573d0b94> 验证安装是否成功 </h6><p class="text-green-700 text-sm mb-3" data-v-573d0b94> 安装完成后，打开终端，输入以下命令： </p><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> node --version </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> npm --version </div></div><p class="text-green-700 text-sm mt-2" data-v-573d0b94> 如果显示版本号，说明安装成功了！ </p></div></div><div class="mb-6 sm:mb-10" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><span class="w-6 h-6 sm:w-8 sm:h-8 bg-green-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3" data-v-573d0b94>2</span> 安装 Claude Code </h4><div class="bg-gradient-to-r from-purple-50 to-pink-50 rounded-xl p-4 sm:p-6 border border-purple-100 mb-4 sm:mb-6" data-v-573d0b94><h5 class="text-base sm:text-lg font-semibold text-gray-800 mb-2 sm:mb-3 flex items-center" data-v-573d0b94><i class="fas fa-download text-purple-600 mr-2" data-v-573d0b94></i> 安装 Claude Code </h5><p class="text-gray-700 mb-3 sm:mb-4 text-sm sm:text-base" data-v-573d0b94> 打开终端，运行以下命令： </p><div class="bg-gray-900 text-green-400 p-3 sm:p-4 rounded-lg font-mono text-xs sm:text-sm overflow-x-auto mb-4" data-v-573d0b94><div class="mb-2" data-v-573d0b94> # 全局安装 Claude Code </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> npm install -g @anthropic-ai/claude-code </div></div><p class="text-gray-600 text-sm mb-2" data-v-573d0b94> 如果遇到权限问题，可以使用 sudo： </p><div class="bg-gray-900 text-green-400 p-3 sm:p-4 rounded-lg font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> sudo npm install -g @anthropic-ai/claude-code </div></div></div><div class="bg-green-50 border border-green-200 rounded-lg p-3 sm:p-4" data-v-573d0b94><h6 class="font-medium text-green-800 mb-2" data-v-573d0b94> 验证 Claude Code 安装 </h6><p class="text-green-700 text-sm mb-3" data-v-573d0b94> 安装完成后，输入以下命令检查是否安装成功： </p><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> claude --version </div></div><p class="text-green-700 text-sm mt-2" data-v-573d0b94> 如果显示版本号，恭喜你！Claude Code 已经成功安装了。 </p></div></div>',2)),s("div",Q,[t[52]||(t[52]=s("h4",{class:"text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center"},[s("span",{class:"w-6 h-6 sm:w-8 sm:h-8 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3"},"3"),e(" 设置环境变量 ")],-1)),s("div",Y,[t[50]||(t[50]=s("h5",{class:"text-base sm:text-lg font-semibold text-gray-800 mb-2 sm:mb-3 flex items-center"},[s("i",{class:"fas fa-cog text-orange-600 mr-2"}),e(" 配置 Claude Code 环境变量 ")],-1)),t[51]||(t[51]=s("p",{class:"text-gray-700 mb-3 sm:mb-4 text-sm sm:text-base"}," 为了让 Claude Code 连接到你的中转服务，需要设置两个环境变量： ",-1)),s("div",J,[s("div",X,[t[39]||(t[39]=s("h6",{class:"font-medium text-sm sm:text-base text-gray-800 mb-2"}," 方法一：临时设置（当前会话） ",-1)),t[40]||(t[40]=s("p",{class:"text-gray-600 text-sm mb-3"}," 在终端中运行以下命令： ",-1)),s("div",Z,[s("div",tt,' export ANTHROPIC_BASE_URL="'+a(d.value)+'" ',1),t[38]||(t[38]=s("div",{class:"text-gray-300 whitespace-nowrap"},' export ANTHROPIC_AUTH_TOKEN="你的API密钥" ',-1))]),t[41]||(t[41]=s("p",{class:"text-yellow-700 text-xs mt-2"},' 💡 记得将 "你的API密钥" 替换为在上方 "API Keys" 标签页中创建的实际密钥。 ',-1))]),s("div",st,[t[48]||(t[48]=s("h6",{class:"font-medium text-sm sm:text-base text-gray-800 mb-2"}," 方法二：永久设置 ",-1)),t[49]||(t[49]=s("p",{class:"text-gray-600 text-sm mb-3"}," 编辑你的 shell 配置文件： ",-1)),s("div",et,[t[42]||(t[42]=s("div",{class:"mb-2"}," # 对于 bash (默认) ",-1)),s("div",at,` echo 'export ANTHROPIC_BASE_URL="`+a(d.value)+`"' >> ~/.bashrc `,1),t[43]||(t[43]=s("div",{class:"text-gray-300 whitespace-nowrap"},` echo 'export ANTHROPIC_AUTH_TOKEN="你的API密钥"' >> ~/.bashrc `,-1)),t[44]||(t[44]=s("div",{class:"text-gray-300 whitespace-nowrap"}," source ~/.bashrc ",-1))]),s("div",dt,[t[45]||(t[45]=s("div",{class:"mb-2"}," # 对于 zsh ",-1)),s("div",mt,` echo 'export ANTHROPIC_BASE_URL="`+a(d.value)+`"' >> ~/.zshrc `,1),t[46]||(t[46]=s("div",{class:"text-gray-300 whitespace-nowrap"},` echo 'export ANTHROPIC_AUTH_TOKEN="你的API密钥"' >> ~/.zshrc `,-1)),t[47]||(t[47]=s("div",{class:"text-gray-300 whitespace-nowrap"}," source ~/.zshrc ",-1))])])])])]),t[54]||(t[54]=m('<div class="mb-8" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><span class="w-6 h-6 sm:w-8 sm:h-8 bg-yellow-500 text-white rounded-full flex items-center justify-center text-xs sm:text-sm font-bold mr-2 sm:mr-3" data-v-573d0b94>4</span> 开始使用 Claude Code </h4><div class="bg-gradient-to-r from-yellow-50 to-amber-50 rounded-xl p-4 sm:p-6 border border-yellow-100" data-v-573d0b94><p class="text-gray-700 mb-3 sm:mb-4 text-sm sm:text-base" data-v-573d0b94> 现在你可以开始使用 Claude Code 了！ </p><div class="space-y-4" data-v-573d0b94><div data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-gray-800 mb-2" data-v-573d0b94> 启动 Claude Code </h6><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> claude </div></div></div><div data-v-573d0b94><h6 class="font-medium text-sm sm:text-base text-gray-800 mb-2" data-v-573d0b94> 在特定项目中使用 </h6><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="mb-2" data-v-573d0b94> # 进入你的项目目录 </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> cd /path/to/your/project </div><div class="mt-2 mb-2" data-v-573d0b94> # 启动 Claude Code </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> claude </div></div></div></div></div></div><div class="mb-8" data-v-573d0b94><h4 class="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4 flex items-center" data-v-573d0b94><i class="fas fa-wrench text-red-600 mr-2 sm:mr-3" data-v-573d0b94></i> Linux 常见问题解决 </h4><div class="space-y-4" data-v-573d0b94><details class="bg-gray-50 rounded-lg border border-gray-200" data-v-573d0b94><summary class="p-3 sm:p-4 cursor-pointer font-medium text-gray-800 hover:bg-gray-100 text-sm sm:text-base" data-v-573d0b94> 安装时提示权限错误 </summary><div class="px-3 sm:px-4 pb-3 sm:pb-4 text-gray-600" data-v-573d0b94><p class="mb-2" data-v-573d0b94> 尝试以下解决方法： </p><ul class="list-disc list-inside space-y-1 text-sm" data-v-573d0b94><li data-v-573d0b94>使用 sudo 安装：<code class="bg-gray-200 px-1 rounded text-xs sm:text-sm" data-v-573d0b94>sudo npm install -g @anthropic-ai/claude-code</code></li><li data-v-573d0b94>或者配置 npm 使用用户目录：<code class="bg-gray-200 px-1 rounded text-xs sm:text-sm" data-v-573d0b94>npm config set prefix ~/.npm-global</code></li><li data-v-573d0b94>然后添加到 PATH：<code class="bg-gray-200 px-1 rounded text-xs sm:text-sm" data-v-573d0b94>export PATH=~/.npm-global/bin:$PATH</code></li></ul></div></details><details class="bg-gray-50 rounded-lg border border-gray-200" data-v-573d0b94><summary class="p-3 sm:p-4 cursor-pointer font-medium text-gray-800 hover:bg-gray-100 text-sm sm:text-base" data-v-573d0b94> 缺少依赖库 </summary><div class="px-3 sm:px-4 pb-3 sm:pb-4 text-gray-600" data-v-573d0b94><p class="mb-2" data-v-573d0b94> 某些 Linux 发行版需要安装额外依赖： </p><div class="bg-gray-900 text-green-400 p-2 sm:p-3 rounded font-mono text-xs sm:text-sm overflow-x-auto" data-v-573d0b94><div class="mb-2" data-v-573d0b94> # Ubuntu/Debian </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> sudo apt install build-essential </div><div class="mt-2 mb-2" data-v-573d0b94> # CentOS/RHEL </div><div class="text-gray-300 whitespace-nowrap" data-v-573d0b94> sudo dnf groupinstall "Development Tools" </div></div></div></details><details class="bg-gray-50 rounded-lg border border-gray-200" data-v-573d0b94><summary class="p-3 sm:p-4 cursor-pointer font-medium text-gray-800 hover:bg-gray-100 text-sm sm:text-base" data-v-573d0b94> 环境变量不生效 </summary><div class="px-3 sm:px-4 pb-3 sm:pb-4 text-gray-600" data-v-573d0b94><p class="mb-2" data-v-573d0b94> 检查以下几点： </p><ul class="list-disc list-inside space-y-1 text-sm" data-v-573d0b94><li data-v-573d0b94>确认修改了正确的配置文件（.bashrc 或 .zshrc）</li><li data-v-573d0b94>重新启动终端或运行 <code class="bg-gray-200 px-1 rounded text-xs sm:text-sm" data-v-573d0b94>source ~/.bashrc</code></li><li data-v-573d0b94>验证设置：<code class="bg-gray-200 px-1 rounded text-xs sm:text-sm" data-v-573d0b94>echo $ANTHROPIC_BASE_URL</code></li></ul></div></details></div></div>',2))])):g("",!0),t[56]||(t[56]=s("div",{class:"bg-gradient-to-r from-blue-500 to-purple-600 text-white rounded-xl p-4 sm:p-6 text-center"},[s("h5",{class:"text-lg sm:text-xl font-semibold mb-2"}," 🎉 恭喜你！ "),s("p",{class:"text-blue-100 mb-3 sm:mb-4 text-sm sm:text-base"}," 你已经成功安装并配置了 Claude Code，现在可以开始享受 AI 编程助手带来的便利了。 "),s("p",{class:"text-xs sm:text-sm text-blue-200"}," 如果在使用过程中遇到任何问题，可以查看官方文档或社区讨论获取帮助。 ")],-1))]))}},pt=v(ot,[["__scopeId","data-v-573d0b94"]]);export{pt as default};
|