mirror of
https://github.com/Wei-Shaw/claude-relay-service.git
synced 2026-01-22 16:43:35 +00:00
2 lines
78 KiB
JavaScript
2 lines
78 KiB
JavaScript
import{_}from"./index-CUrM4ac7.js";import{r as E,c as b,x as r,z as e,L as y,O as l,Q as x,ac as i,aT as m,P as s,y as d,C as p}from"./vue-vendor-R8HMg95E.js";import"./element-plus-BUfCkBQO.js";import"./vendor-Dr8jvgFu.js";const A={class:"card p-3 sm:p-6"},P={class:"mb-4 sm:mb-8"},S={class:"flex flex-wrap gap-1 rounded-xl bg-gray-100 p-1 dark:bg-gray-800 sm:gap-2 sm:p-2"},O=["onClick"],N={key:0,class:"tutorial-content"},L={class:"mb-6 sm:mb-10"},T={class:"mb-4 rounded-xl border border-purple-100 bg-gradient-to-r from-purple-50 to-pink-50 p-4 dark:border-purple-500/40 dark:from-purple-950/30 dark:to-pink-950/30 sm:mb-6 sm:p-6"},G={class:"space-y-4"},R={class:"rounded-lg border border-purple-200 bg-white p-3 dark:border-purple-700 dark:bg-gray-800 sm:p-4"},U={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},M={class:"whitespace-nowrap text-gray-300"},H={class:"rounded-lg border border-purple-200 bg-white p-3 dark:border-purple-700 dark:bg-gray-800 sm:p-4"},j={class:"mb-3 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},K={class:"whitespace-nowrap text-gray-300"},B={class:"mt-6 rounded-lg border border-blue-200 bg-blue-50 p-3 dark:border-blue-500/40 dark:bg-blue-950/30 sm:p-4"},D={class:"mt-3 space-y-2"},q={class:"rounded bg-gray-100 p-2 font-mono text-sm dark:bg-gray-700"},z={class:"mt-8"},V={class:"space-y-4"},$={class:"rounded-lg border border-green-200 bg-white p-3 dark:border-green-700 dark:bg-gray-800 sm:p-4"},Y={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},W={class:"whitespace-nowrap text-gray-300"},J={class:"rounded-lg border border-green-200 bg-white p-3 dark:border-green-700 dark:bg-gray-800 sm:p-4"},F={class:"mb-3 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},Q={class:"whitespace-nowrap text-gray-300"},X={class:"mt-8"},Z={class:"space-y-4"},tt={class:"rounded-lg border border-yellow-200 bg-yellow-50 p-3 dark:border-yellow-500/40 dark:bg-yellow-950/30 sm:p-4"},et={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},at={class:"mt-2 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},st={class:"mt-3 space-y-3 text-xs text-yellow-700 dark:text-yellow-300"},rt={class:"text-sm font-medium text-yellow-800 dark:text-yellow-200"},dt={class:"space-y-2"},ot={class:"font-medium"},lt={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},mt={class:"whitespace-nowrap text-gray-300"},xt={key:0,class:"space-y-2"},it={class:"font-medium"},nt={class:"text-xs"},gt={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},ft={class:"mt-8"},vt={class:"rounded-lg border border-blue-200 bg-blue-50 p-3 dark:border-blue-500/40 dark:bg-blue-950/30 sm:p-4"},pt={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},bt={key:1,class:"tutorial-content"},ct={class:"mb-6 sm:mb-10"},ut={class:"mb-4 rounded-xl border border-orange-100 bg-gradient-to-r from-orange-50 to-yellow-50 p-4 dark:border-orange-500/40 dark:from-orange-950/30 dark:to-yellow-950/30 sm:mb-6 sm:p-6"},yt={class:"space-y-4"},wt={class:"rounded-lg border border-orange-200 bg-white p-3 dark:border-orange-700 dark:bg-gray-800 sm:p-4"},kt={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},ht={class:"whitespace-nowrap text-gray-300"},It={class:"rounded-lg border border-orange-200 bg-white p-3 dark:border-orange-700 dark:bg-gray-800 sm:p-4"},Ct={class:"mb-3 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},_t={class:"whitespace-nowrap text-gray-300"},Et={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},At={class:"whitespace-nowrap text-gray-300"},Pt={class:"mt-8"},St={class:"space-y-4"},Ot={class:"rounded-lg border border-green-200 bg-white p-3 dark:border-green-700 dark:bg-gray-800 sm:p-4"},Nt={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},Lt={class:"whitespace-nowrap text-gray-300"},Tt={class:"rounded-lg border border-green-200 bg-white p-3 dark:border-green-700 dark:bg-gray-800 sm:p-4"},Gt={class:"mb-3 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},Rt={class:"whitespace-nowrap text-gray-300"},Ut={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},Mt={class:"whitespace-nowrap text-gray-300"},Ht={class:"mt-8"},jt={class:"space-y-4"},Kt={class:"rounded-lg border border-yellow-200 bg-yellow-50 p-3 dark:border-yellow-500/40 dark:bg-yellow-950/30 sm:p-4"},Bt={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},Dt={class:"mt-2 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},qt={class:"mt-3 space-y-3 text-xs text-yellow-700 dark:text-yellow-300"},zt={class:"text-sm font-medium text-yellow-800 dark:text-yellow-200"},Vt={class:"space-y-2"},$t={class:"font-medium"},Yt={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},Wt={class:"whitespace-nowrap text-gray-300"},Jt={key:0,class:"space-y-2"},Ft={class:"font-medium"},Qt={class:"text-xs"},Xt={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},Zt={class:"mt-8"},te={class:"rounded-lg border border-blue-200 bg-blue-50 p-3 dark:border-blue-500/40 dark:bg-blue-950/30 sm:p-4"},ee={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},ae={key:2,class:"tutorial-content"},se={class:"mb-6 sm:mb-10"},re={class:"mb-4 rounded-xl border border-orange-100 bg-gradient-to-r from-orange-50 to-yellow-50 p-4 dark:border-orange-500/40 dark:from-orange-950/30 dark:to-yellow-950/30 sm:mb-6 sm:p-6"},de={class:"space-y-4"},oe={class:"rounded-lg border border-orange-200 bg-white p-3 dark:border-orange-700 dark:bg-gray-800 sm:p-4"},le={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},me={class:"whitespace-nowrap text-gray-300"},xe={class:"rounded-lg border border-orange-200 bg-white p-3 dark:border-orange-700 dark:bg-gray-800 sm:p-4"},ie={class:"mb-3 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},ne={class:"whitespace-nowrap text-gray-300"},ge={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},fe={class:"whitespace-nowrap text-gray-300"},ve={class:"mt-8"},pe={class:"space-y-4"},be={class:"rounded-lg border border-green-200 bg-white p-3 dark:border-green-700 dark:bg-gray-800 sm:p-4"},ce={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},ue={class:"whitespace-nowrap text-gray-300"},ye={class:"rounded-lg border border-green-200 bg-white p-3 dark:border-green-700 dark:bg-gray-800 sm:p-4"},we={class:"mb-3 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},ke={class:"whitespace-nowrap text-gray-300"},he={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},Ie={class:"whitespace-nowrap text-gray-300"},Ce={class:"mt-8"},_e={class:"space-y-4"},Ee={class:"rounded-lg border border-yellow-200 bg-yellow-50 p-3 dark:border-yellow-500/40 dark:bg-yellow-950/30 sm:p-4"},Ae={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},Pe={class:"mt-2 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},Se={class:"mt-3 space-y-3 text-xs text-yellow-700 dark:text-yellow-300"},Oe={class:"text-sm font-medium text-yellow-800 dark:text-yellow-200"},Ne={class:"space-y-2"},Le={class:"font-medium"},Te={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},Ge={class:"whitespace-nowrap text-gray-300"},Re={key:0,class:"space-y-2"},Ue={class:"font-medium"},Me={class:"text-xs"},He={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},je={class:"mt-8"},Ke={class:"rounded-lg border border-blue-200 bg-blue-50 p-3 dark:border-blue-500/40 dark:bg-blue-950/30 sm:p-4"},Be={class:"overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm"},De={__name:"TutorialView",setup(qe){const c=E("windows"),k=[{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"}],u=()=>{let f="";if(window.location.origin)f=window.location.origin;else{const t=window.location.protocol,a=window.location.hostname,n=window.location.port;f=t+"//"+a,n&&(t==="http:"&&n!=="80"||t==="https:"&&n!=="443")&&(f+=":"+n)}if(!f){const t=window.location.href,a=t.indexOf("/",8);if(a!==-1)f=t.substring(0,a);else return""}return f},g=b(()=>u()+"/api"),v=b(()=>u()+"/gemini"),h=b(()=>u()+"/openai"),I=b(()=>u()+"/droid/claude"),C=b(()=>u()+"/droid/openai"),o=b(()=>{const f=()=>{const t={title:"环境变量设置方法",description:"💡 将 OPENAI_API_KEY 设置为 null，然后设置环境变量 CRS_OAI_KEY 为您的 API 密钥（格式如 cr_xxxxxxxxxx）。"};switch(c.value){case"windows":return{...t,platform:{title:"Windows",command:"set CRS_OAI_KEY=cr_xxxxxxxxxx"}};case"macos":return{...t,platform:{title:"macOS",command:"export CRS_OAI_KEY=cr_xxxxxxxxxx"},persistent:{title:"Shell 配置文件（持久保存）",description:"添加到您的 shell 配置文件中：",commands:["# 对于 zsh (默认)",'echo "export CRS_OAI_KEY=cr_xxxxxxxxxx" >> ~/.zshrc',"source ~/.zshrc","","# 对于 bash",'echo "export CRS_OAI_KEY=cr_xxxxxxxxxx" >> ~/.bash_profile',"source ~/.bash_profile"]}};case"linux":return{...t,platform:{title:"Linux",command:"export CRS_OAI_KEY=cr_xxxxxxxxxx"},persistent:{title:"Shell 配置文件（持久保存）",description:"添加到您的 shell 配置文件中：",commands:["# 对于 bash (默认)",'echo "export CRS_OAI_KEY=cr_xxxxxxxxxx" >> ~/.bashrc',"source ~/.bashrc","","# 对于 zsh",'echo "export CRS_OAI_KEY=cr_xxxxxxxxxx" >> ~/.zshrc',"source ~/.zshrc"]}};default:return t}};return{configToml:['model_provider = "crs"','model = "gpt-5-codex"','model_reasoning_effort = "high"',"disable_response_storage = true",'preferred_auth_method = "apikey"',"","[model_providers.crs]",'name = "crs"',`base_url = "${h.value}"`,'wire_api = "responses"',"requires_openai_auth = true",'env_key = "CRS_OAI_KEY"'],authJson:["{",' "OPENAI_API_KEY": null',"}"],authInstructions:f()}}),w=b(()=>["{",' "custom_models": ['," {",' "model_display_name": "Sonnet 4.5 [crs]",',' "model": "claude-sonnet-4-5-20250929",',` "base_url": "${I.value}",`,' "api_key": "你的API密钥",',' "provider": "anthropic",',' "max_tokens": 8192'," },"," {",' "model_display_name": "GPT5-Codex [crs]",',' "model": "gpt-5-codex",',` "base_url": "${C.value}",`,' "api_key": "你的API密钥",',' "provider": "openai",',' "max_tokens": 16384'," }"," ]","}"]);return(f,t)=>(d(),r("div",A,[t[133]||(t[133]=e("div",{class:"mb-4 sm:mb-8"},[e("h3",{class:"mb-3 flex items-center text-xl font-bold text-gray-900 dark:text-gray-100 sm:mb-4 sm:text-2xl"},[e("i",{class:"fas fa-graduation-cap mr-2 text-blue-600 sm:mr-3"}),l(" Claude Code 使用教程 ")]),e("p",{class:"text-sm text-gray-600 dark:text-gray-400 sm:text-lg"}," 跟着这个教程，你可以轻松在自己的电脑上安装并使用 Claude Code。 ")],-1)),e("div",P,[e("div",S,[(d(),r(x,null,i(k,a=>e("button",{key:a.key,class:p(["flex flex-1 items-center justify-center gap-1 rounded-lg px-3 py-2 text-xs font-semibold transition-all duration-300 sm:gap-2 sm:px-6 sm:py-3 sm:text-sm",c.value===a.key?"bg-white text-blue-600 shadow-sm dark:bg-blue-600 dark:text-white dark:shadow-blue-500/40":"text-gray-600 hover:bg-white/50 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-gray-700 dark:hover:text-white"]),onClick:n=>c.value=a.key},[e("i",{class:p(a.icon)},null,2),l(" "+s(a.name),1)],10,O)),64))])]),c.value==="windows"?(d(),r("div",N,[t[40]||(t[40]=m('<div class="mb-4 sm:mb-10 sm:mb-6" data-v-01fa9f4e><h4 class="mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl" data-v-01fa9f4e><span class="mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-blue-500 text-xs font-bold text-white sm:mr-3 sm:h-8 sm:w-8 sm:text-sm" data-v-01fa9f4e>1</span> 安装 Node.js 环境 </h4><p class="mb-4 text-sm text-gray-600 dark:text-gray-400 sm:mb-4 sm:mb-6 sm:text-base" data-v-01fa9f4e> Claude Code 需要 Node.js 环境才能运行。 </p><div class="mb-4 rounded-xl border border-blue-100 bg-gradient-to-r from-blue-50 to-indigo-50 p-4 dark:border-blue-500/40 dark:from-blue-950/30 dark:to-indigo-950/30 sm:mb-4 sm:mb-6 sm:p-6" data-v-01fa9f4e><h5 class="mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg" data-v-01fa9f4e><i class="fab fa-windows mr-2 text-blue-600" data-v-01fa9f4e></i> Windows 安装方法 </h5><div class="mb-3 sm:mb-4" data-v-01fa9f4e><p class="mb-2 text-sm text-gray-700 dark:text-gray-300 sm:mb-3 sm:text-base" data-v-01fa9f4e> 方法一：官网下载（推荐） </p><ol class="ml-2 list-inside list-decimal space-y-1 text-xs text-gray-600 dark:text-gray-400 sm:ml-4 sm:space-y-2 sm:text-sm" data-v-01fa9f4e><li data-v-01fa9f4e> 打开浏览器访问 <code class="rounded bg-gray-100 px-1 py-1 text-xs dark:bg-gray-800 dark:text-yellow-400 sm:px-2 sm:text-sm" data-v-01fa9f4e>https://nodejs.org/</code></li><li data-v-01fa9f4e>点击 "LTS" 版本进行下载（推荐长期支持版本）</li><li data-v-01fa9f4e> 下载完成后双击 <code class="rounded bg-gray-100 px-1 py-1 text-xs dark:bg-gray-800 dark:text-yellow-400 sm:px-2 sm:text-sm" data-v-01fa9f4e>.msi</code> 文件 </li><li data-v-01fa9f4e>按照安装向导完成安装，保持默认设置即可</li></ol></div><div class="mb-3 sm:mb-4" data-v-01fa9f4e><p class="mb-2 text-sm text-gray-700 dark:text-gray-300 sm:mb-3 sm:text-base" data-v-01fa9f4e> 方法二：使用包管理器 </p><p class="mb-2 text-xs text-gray-600 dark:text-gray-400 sm:text-sm" data-v-01fa9f4e> 如果你安装了 Chocolatey 或 Scoop，可以使用命令行安装： </p><div class="overflow-x-auto rounded-lg bg-gray-900 p-3 font-mono text-xs text-green-400 dark:border dark:border-slate-700 dark:bg-slate-900 sm:p-4 sm:text-sm" data-v-01fa9f4e><div class="mb-2" data-v-01fa9f4e># 使用 Chocolatey</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>choco install nodejs</div><div class="mb-2 mt-3" data-v-01fa9f4e># 或使用 Scoop</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>scoop install nodejs</div></div></div><div class="rounded-lg border border-blue-200 bg-blue-50 p-3 dark:border-blue-500/40 dark:bg-blue-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-blue-800 dark:text-blue-300 sm:text-base" data-v-01fa9f4e> Windows 注意事项 </h6><ul class="space-y-1 text-xs text-blue-700 dark:text-blue-300 sm:text-sm sm:text-xs" data-v-01fa9f4e><li data-v-01fa9f4e>• 建议使用 PowerShell 而不是 CMD</li><li data-v-01fa9f4e>• 如果遇到权限问题，尝试以管理员身份运行</li><li data-v-01fa9f4e>• 某些杀毒软件可能会误报，需要添加白名单</li></ul></div></div><div class="rounded-lg border border-green-200 bg-green-50 p-3 dark:border-green-500/40 dark:bg-green-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-green-800 dark:text-green-300 sm:text-base" data-v-01fa9f4e> 验证安装是否成功 </h6><p class="mb-2 text-xs text-green-700 dark:text-green-300 sm:mb-3 sm:text-sm" data-v-01fa9f4e> 安装完成后，打开 PowerShell 或 CMD，输入以下命令： </p><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>node --version</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>npm --version</div></div><p class="mt-2 text-xs text-green-700 dark:text-green-300 sm:text-sm" data-v-01fa9f4e> 如果显示版本号，说明安装成功了！ </p></div></div><div class="mb-4 sm:mb-10 sm:mb-6" data-v-01fa9f4e><h4 class="mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl" data-v-01fa9f4e><span class="mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-green-500 text-xs font-bold text-white sm:mr-3 sm:h-8 sm:w-8 sm:text-sm" data-v-01fa9f4e>2</span> 安装 Claude Code </h4><div class="mb-4 rounded-xl border border-green-100 bg-gradient-to-r from-green-50 to-emerald-50 p-4 dark:border-green-500/40 dark:from-green-950/30 dark:to-emerald-950/30 sm:mb-6 sm:p-6" data-v-01fa9f4e><h5 class="mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg" data-v-01fa9f4e><i class="fas fa-download mr-2 text-green-600" data-v-01fa9f4e></i> 安装 Claude Code </h5><p class="mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base" data-v-01fa9f4e> 打开 PowerShell 或 CMD，运行以下命令： </p><div class="mb-4 overflow-x-auto rounded-lg bg-gray-900 p-3 font-mono text-xs text-green-400 sm:p-4 sm:text-sm" data-v-01fa9f4e><div class="mb-2" data-v-01fa9f4e># 全局安装 Claude Code</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e> npm install -g @anthropic-ai/claude-code </div></div><p class="text-sm text-gray-600 dark:text-gray-400" data-v-01fa9f4e> 这个命令会从 npm 官方仓库下载并安装最新版本的 Claude Code。 </p><div class="mt-4 rounded-lg border border-blue-200 bg-blue-50 p-3 dark:border-blue-500/40 dark:bg-blue-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-blue-800 dark:text-blue-300 sm:text-base" data-v-01fa9f4e> 提示 </h6><ul class="space-y-1 text-xs text-blue-700 dark:text-blue-300 sm:text-sm" data-v-01fa9f4e><li data-v-01fa9f4e>• 建议使用 PowerShell 而不是 CMD，功能更强大</li><li data-v-01fa9f4e>• 如果遇到权限问题，以管理员身份运行 PowerShell</li></ul></div></div><div class="rounded-lg border border-green-200 bg-green-50 p-3 dark:border-green-500/40 dark:bg-green-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 font-medium text-green-800 dark:text-green-300" data-v-01fa9f4e>验证 Claude Code 安装</h6><p class="mb-3 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e> 安装完成后，输入以下命令检查是否安装成功： </p><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>claude --version</div></div><p class="mt-2 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e> 如果显示版本号，恭喜你！Claude Code 已经成功安装了。 </p></div></div>',2)),e("div",L,[t[34]||(t[34]=e("h4",{class:"mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl"},[e("span",{class:"mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-purple-500 text-xs font-bold text-white sm:mr-3 sm:h-8 sm:w-8 sm:text-sm"},"3"),l(" 设置环境变量 ")],-1)),e("div",T,[t[9]||(t[9]=e("h5",{class:"mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg"},[e("i",{class:"fas fa-cog mr-2 text-purple-600"}),l(" 配置 Claude Code 环境变量 ")],-1)),t[10]||(t[10]=e("p",{class:"mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base"}," 为了让 Claude Code 连接到你的中转服务，需要设置两个环境变量： ",-1)),e("div",G,[e("div",R,[t[1]||(t[1]=e("h6",{class:"mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base"}," 方法一：PowerShell 临时设置（当前会话） ",-1)),t[2]||(t[2]=e("p",{class:"mb-3 text-sm text-gray-600 dark:text-gray-400"}," 在 PowerShell 中运行以下命令： ",-1)),e("div",U,[e("div",M,' $env:ANTHROPIC_BASE_URL = "'+s(g.value)+'" ',1),t[0]||(t[0]=e("div",{class:"whitespace-nowrap text-gray-300"},' $env:ANTHROPIC_AUTH_TOKEN = "你的API密钥" ',-1))]),t[3]||(t[3]=e("p",{class:"mt-2 text-xs text-yellow-700 dark:text-yellow-400"},' 💡 记得将 "你的API密钥" 替换为在上方 "API Keys" 标签页中创建的实际密钥。 ',-1))]),e("div",H,[t[6]||(t[6]=e("h6",{class:"mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base"}," 方法二：PowerShell 永久设置（用户级） ",-1)),t[7]||(t[7]=e("p",{class:"mb-3 text-sm text-gray-600 dark:text-gray-400"}," 在 PowerShell 中运行以下命令设置用户级环境变量： ",-1)),e("div",j,[t[4]||(t[4]=e("div",{class:"mb-2"},"# 设置用户级环境变量（永久生效）",-1)),e("div",K,' [System.Environment]::SetEnvironmentVariable("ANTHROPIC_BASE_URL", "'+s(g.value)+'", [System.EnvironmentVariableTarget]::User) ',1),t[5]||(t[5]=e("div",{class:"whitespace-nowrap text-gray-300"},' [System.Environment]::SetEnvironmentVariable("ANTHROPIC_AUTH_TOKEN", "你的API密钥", [System.EnvironmentVariableTarget]::User) ',-1))]),t[8]||(t[8]=m('<p class="mb-3 text-sm text-gray-600 dark:text-gray-400" data-v-01fa9f4e>查看已设置的环境变量：</p><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="mb-2" data-v-01fa9f4e># 查看用户级环境变量</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e> [System.Environment]::GetEnvironmentVariable("ANTHROPIC_BASE_URL", [System.EnvironmentVariableTarget]::User) </div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e> [System.Environment]::GetEnvironmentVariable("ANTHROPIC_AUTH_TOKEN", [System.EnvironmentVariableTarget]::User) </div></div><p class="mt-2 text-xs text-blue-700 dark:text-blue-300" data-v-01fa9f4e> 💡 设置后需要重新打开 PowerShell 窗口才能生效。 </p>',3))])])]),t[35]||(t[35]=m('<div class="mt-6 rounded-lg border border-indigo-200 bg-indigo-50 p-3 dark:border-indigo-500/40 dark:bg-indigo-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 font-medium text-indigo-800 dark:text-indigo-300" data-v-01fa9f4e> VSCode Claude 插件配置 </h6><p class="mb-3 text-sm text-indigo-700 dark:text-indigo-300" data-v-01fa9f4e> 如果使用 VSCode 的 Claude 插件，需要在配置文件中进行设置： </p><div class="mb-3 space-y-2" data-v-01fa9f4e><p class="text-sm text-indigo-700 dark:text-indigo-300" data-v-01fa9f4e><strong data-v-01fa9f4e>配置文件位置：</strong><code class="rounded bg-indigo-100 px-1 dark:bg-indigo-900" data-v-01fa9f4e>C:\\Users\\你的用户名\\.claude\\config.json</code></p><p class="text-xs text-indigo-600 dark:text-indigo-400" data-v-01fa9f4e> 💡 如果该文件不存在，请手动创建。 </p></div><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>{</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>"primaryApiKey": "crs"</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>}</div></div></div>',1)),e("div",B,[t[14]||(t[14]=m('<h6 class="mb-2 font-medium text-blue-800 dark:text-blue-300" data-v-01fa9f4e>验证环境变量设置</h6><p class="mb-3 text-sm text-blue-700 dark:text-blue-300" data-v-01fa9f4e> 设置完环境变量后，可以通过以下命令验证是否设置成功： </p><div class="space-y-4" data-v-01fa9f4e><div data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base" data-v-01fa9f4e> 在 PowerShell 中验证： </h6><div class="space-y-1 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo $env:ANTHROPIC_BASE_URL</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo $env:ANTHROPIC_AUTH_TOKEN</div></div></div><div data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base" data-v-01fa9f4e> 在 CMD 中验证： </h6><div class="space-y-1 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo %ANTHROPIC_BASE_URL%</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo %ANTHROPIC_AUTH_TOKEN%</div></div></div></div>',3)),e("div",D,[t[12]||(t[12]=e("p",{class:"text-sm text-blue-700 dark:text-blue-300"},[e("strong",null,"预期输出示例：")],-1)),e("div",q,[e("div",null,s(g.value),1),t[11]||(t[11]=e("div",null,"cr_xxxxxxxxxxxxxxxxxx",-1))]),t[13]||(t[13]=e("p",{class:"text-xs text-blue-700 dark:text-blue-300"}," 💡 如果输出为空或显示变量名本身，说明环境变量设置失败，请重新设置。 ",-1))])]),e("div",z,[t[27]||(t[27]=e("h5",{class:"mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg"},[e("i",{class:"fas fa-robot mr-2 text-green-600"}),l(" 配置 Gemini CLI 环境变量 ")],-1)),t[28]||(t[28]=e("p",{class:"mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base"}," 如果你使用 Gemini CLI，需要设置以下环境变量： ",-1)),e("div",V,[e("div",$,[t[17]||(t[17]=e("h6",{class:"mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base"}," PowerShell 设置方法 ",-1)),t[18]||(t[18]=e("p",{class:"mb-3 text-sm text-gray-600 dark:text-gray-400"}," 在 PowerShell 中运行以下命令： ",-1)),e("div",Y,[e("div",W,' $env:GOOGLE_GEMINI_BASE_URL = "'+s(v.value)+'" ',1),t[15]||(t[15]=e("div",{class:"whitespace-nowrap text-gray-300"},' $env:GEMINI_API_KEY = "你的API密钥" ',-1)),t[16]||(t[16]=e("div",{class:"whitespace-nowrap text-gray-300"},' $env:GEMINI_MODEL = "gemini-2.5-pro" ',-1))]),t[19]||(t[19]=e("p",{class:"mt-2 text-xs text-yellow-700 dark:text-yellow-400"}," 💡 使用与 Claude Code 相同的 API 密钥即可。 ",-1))]),e("div",J,[t[23]||(t[23]=e("h6",{class:"mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base"}," PowerShell 永久设置（用户级） ",-1)),t[24]||(t[24]=e("p",{class:"mb-3 text-sm text-gray-600 dark:text-gray-400"}," 在 PowerShell 中运行以下命令： ",-1)),e("div",F,[t[20]||(t[20]=e("div",{class:"mb-2"},"# 设置用户级环境变量（永久生效）",-1)),e("div",Q,' [System.Environment]::SetEnvironmentVariable("GOOGLE_GEMINI_BASE_URL", "'+s(v.value)+'", [System.EnvironmentVariableTarget]::User) ',1),t[21]||(t[21]=e("div",{class:"whitespace-nowrap text-gray-300"},' [System.Environment]::SetEnvironmentVariable("GEMINI_API_KEY", "你的API密钥", [System.EnvironmentVariableTarget]::User) ',-1)),t[22]||(t[22]=e("div",{class:"whitespace-nowrap text-gray-300"},' [System.Environment]::SetEnvironmentVariable("GEMINI_MODEL", "gemini-2.5-pro", [System.EnvironmentVariableTarget]::User) ',-1))]),t[25]||(t[25]=e("p",{class:"mt-2 text-xs text-blue-700 dark:text-blue-300"}," 💡 设置后需要重新打开 PowerShell 窗口才能生效。 ",-1))]),t[26]||(t[26]=m('<div class="rounded-lg border border-green-200 bg-green-50 p-3 dark:border-green-500/40 dark:bg-green-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 font-medium text-green-800 dark:text-green-300" data-v-01fa9f4e> 验证 Gemini CLI 环境变量 </h6><p class="mb-3 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e>在 PowerShell 中验证：</p><div class="space-y-1 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo $env:GOOGLE_GEMINI_BASE_URL</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo $env:GEMINI_API_KEY</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo $env:GEMINI_MODEL</div></div></div>',1))])]),e("div",X,[t[32]||(t[32]=e("h5",{class:"mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg"},[e("i",{class:"fas fa-code mr-2 text-indigo-600"}),l(" 配置 Codex 环境变量 ")],-1)),t[33]||(t[33]=e("p",{class:"mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base"}," 如果你使用支持 OpenAI API 的工具（如 Codex），需要设置以下环境变量： ",-1)),e("div",Z,[e("div",tt,[t[29]||(t[29]=e("h6",{class:"mb-2 font-medium text-yellow-800 dark:text-yellow-300"},"Codex 配置文件",-1)),t[30]||(t[30]=e("p",{class:"mb-3 text-sm text-yellow-700 dark:text-yellow-300"},[l(" 在 "),e("code",{class:"rounded bg-yellow-100 px-1 dark:bg-yellow-900"},"~/.codex/config.toml"),l(" 文件开头添加以下配置： ")],-1)),e("div",et,[(d(!0),r(x,null,i(o.value.configToml,a=>(d(),r("div",{key:a,class:p(["whitespace-nowrap text-gray-300",{"mt-2":a===""}])},s(a),3))),128))]),t[31]||(t[31]=e("p",{class:"mt-3 text-sm text-yellow-700 dark:text-yellow-300"},[l(" 在 "),e("code",{class:"rounded bg-yellow-100 px-1 dark:bg-yellow-900"},"~/.codex/auth.json"),l(" 文件中配置API密钥： ")],-1)),e("div",at,[(d(!0),r(x,null,i(o.value.authJson,a=>(d(),r("div",{key:a,class:"whitespace-nowrap text-gray-300"},s(a),1))),128))]),e("div",st,[e("p",null,s(o.value.authInstructions.description),1),e("h6",rt,s(o.value.authInstructions.title),1),e("div",dt,[e("p",ot,s(o.value.authInstructions.platform.title)+": ",1),e("div",lt,[e("div",mt,s(o.value.authInstructions.platform.command),1)])]),o.value.authInstructions.persistent?(d(),r("div",xt,[e("p",it,s(o.value.authInstructions.persistent.title)+": ",1),e("p",nt,s(o.value.authInstructions.persistent.description),1),e("div",gt,[(d(!0),r(x,null,i(o.value.authInstructions.persistent.commands,a=>(d(),r("div",{key:a,class:p(["whitespace-nowrap text-gray-300",{"mt-2":a===""}])},s(a),3))),128))])])):y("",!0)])])])])]),e("div",ft,[t[39]||(t[39]=m('<h5 class="mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg" data-v-01fa9f4e><i class="fas fa-terminal mr-2 text-blue-600" data-v-01fa9f4e></i> 配置 Droid CLI </h5><p class="mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base" data-v-01fa9f4e> Droid CLI 使用 <code class="rounded bg-gray-100 px-1 dark:bg-gray-800" data-v-01fa9f4e>~/.factory/config.json</code> 保存自定义模型；在 Windows 中可直接编辑 <code class="rounded bg-gray-100 px-1 dark:bg-gray-800" data-v-01fa9f4e>C:\\Users\\你的用户名\\.factory\\config.json</code>。 </p>',2)),e("div",vt,[t[36]||(t[36]=e("h6",{class:"mb-2 text-sm font-medium text-blue-800 dark:text-blue-200 sm:text-base"}," 配置文件示例 ",-1)),t[37]||(t[37]=e("p",{class:"mb-3 text-sm text-blue-700 dark:text-blue-200"}," 将以下内容追加到配置文件中，并替换示例中的域名和 API 密钥： ",-1)),e("div",pt,[(d(!0),r(x,null,i(w.value,(a,n)=>(d(),r("div",{key:a+n,class:"whitespace-pre text-gray-300"},s(a),1))),128))]),t[38]||(t[38]=e("p",{class:"mt-3 text-xs text-blue-700 dark:text-blue-200 sm:text-sm"}," 💡 在 Droid CLI 中选择自定义模型即可使用新的 Droid 账号池；确保服务地址可被本地访问。 ",-1))])]),t[41]||(t[41]=m('<div class="mb-6 sm:mb-8" data-v-01fa9f4e><h4 class="mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl" data-v-01fa9f4e><span class="mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-orange-500 text-xs font-bold text-white sm:mr-3 sm:h-8 sm:w-8 sm:text-sm" data-v-01fa9f4e>4</span> 开始使用 Claude Code </h4><div class="rounded-xl border border-orange-100 bg-gradient-to-r from-orange-50 to-yellow-50 p-4 dark:border-orange-500/40 dark:from-orange-950/30 dark:to-yellow-950/30 sm:p-6" data-v-01fa9f4e><p class="mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base" data-v-01fa9f4e> 现在你可以开始使用 Claude Code 了！ </p><div class="space-y-4" data-v-01fa9f4e><div data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base" data-v-01fa9f4e> 启动 Claude Code </h6><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>claude</div></div></div><div data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base" data-v-01fa9f4e> 在特定项目中使用 </h6><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="mb-2" data-v-01fa9f4e># 进入你的项目目录</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>cd C:\\path\\to\\your\\project</div><div class="mb-2 mt-2" data-v-01fa9f4e># 启动 Claude Code</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>claude</div></div></div></div></div></div><div class="mb-8" data-v-01fa9f4e><h4 class="mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl" data-v-01fa9f4e><i class="fas fa-wrench mr-2 text-red-600 sm:mr-3" data-v-01fa9f4e></i> Windows 常见问题解决 </h4><div class="space-y-4" data-v-01fa9f4e><details class="rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-800" data-v-01fa9f4e><summary class="cursor-pointer p-3 text-sm font-medium text-gray-800 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 sm:p-4 sm:text-base" data-v-01fa9f4e> 安装时提示 "permission denied" 错误 </summary><div class="px-3 pb-3 text-gray-600 dark:text-gray-400 sm:px-4 sm:pb-4" data-v-01fa9f4e><p class="mb-2" data-v-01fa9f4e>这通常是权限问题，尝试以下解决方法：</p><ul class="list-inside list-disc space-y-1 text-sm" data-v-01fa9f4e><li data-v-01fa9f4e>以管理员身份运行 PowerShell</li><li data-v-01fa9f4e> 或者配置 npm 使用用户目录：<code class="rounded bg-gray-200 px-1 text-xs dark:bg-gray-700 sm:text-sm" data-v-01fa9f4e>npm config set prefix %APPDATA%\\npm</code></li></ul></div></details><details class="rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-800" data-v-01fa9f4e><summary class="cursor-pointer p-3 text-sm font-medium text-gray-800 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 sm:p-4 sm:text-base" data-v-01fa9f4e> PowerShell 执行策略错误 </summary><div class="px-3 pb-3 text-gray-600 dark:text-gray-400 sm:px-4 sm:pb-4" data-v-01fa9f4e><p class="mb-2" data-v-01fa9f4e>如果遇到执行策略限制，运行：</p><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e> Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser </div></div></div></details><details class="rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-800" data-v-01fa9f4e><summary class="cursor-pointer p-3 text-sm font-medium text-gray-800 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 sm:p-4 sm:text-base" data-v-01fa9f4e> 环境变量设置后不生效 </summary><div class="px-3 pb-3 text-gray-600 dark:text-gray-400 sm:px-4 sm:pb-4" data-v-01fa9f4e><p class="mb-2" data-v-01fa9f4e>设置永久环境变量后需要：</p><ul class="list-inside list-disc space-y-1 text-sm" data-v-01fa9f4e><li data-v-01fa9f4e>重新启动 PowerShell 或 CMD</li><li data-v-01fa9f4e>或者注销并重新登录 Windows</li><li data-v-01fa9f4e> 验证设置：<code class="rounded bg-gray-200 px-1 text-xs dark:bg-gray-700 sm:text-sm" data-v-01fa9f4e>echo $env:ANTHROPIC_BASE_URL</code></li></ul></div></details></div></div>',2))])):c.value==="macos"?(d(),r("div",bt,[t[85]||(t[85]=m('<div class="mb-6 sm:mb-10" data-v-01fa9f4e><h4 class="mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl" data-v-01fa9f4e><span class="mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-blue-500 text-xs font-bold text-white sm:mr-3 sm:h-8 sm:w-8 sm:text-sm" data-v-01fa9f4e>1</span> 安装 Node.js 环境 </h4><p class="mb-4 text-gray-600 dark:text-gray-400 sm:mb-6" data-v-01fa9f4e> Claude Code 需要 Node.js 环境才能运行。 </p><div class="mb-4 rounded-xl border border-gray-200 bg-gradient-to-r from-gray-50 to-slate-50 p-4 dark:border-gray-700 dark:from-gray-800 dark:to-slate-800 sm:mb-6 sm:p-6" data-v-01fa9f4e><h5 class="mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg" data-v-01fa9f4e><i class="fab fa-apple mr-2 text-gray-700 dark:text-gray-400" data-v-01fa9f4e></i> macOS 安装方法 </h5><div class="mb-4" data-v-01fa9f4e><p class="mb-3 text-gray-700 dark:text-gray-300" data-v-01fa9f4e>方法一：使用 Homebrew（推荐）</p><p class="mb-2 text-xs text-gray-600 dark:text-gray-400 sm:text-sm" data-v-01fa9f4e> 如果你已经安装了 Homebrew，使用它安装 Node.js 会更方便： </p><div class="overflow-x-auto rounded-lg bg-gray-900 p-3 font-mono text-xs text-green-400 dark:border dark:border-slate-700 dark:bg-slate-900 sm:p-4 sm:text-sm" data-v-01fa9f4e><div class="mb-2" data-v-01fa9f4e># 更新 Homebrew</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>brew update</div><div class="mb-2 mt-3" data-v-01fa9f4e># 安装 Node.js</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>brew install node</div></div></div><div class="mb-4" data-v-01fa9f4e><p class="mb-3 text-gray-700 dark:text-gray-300" data-v-01fa9f4e>方法二：官网下载</p><ol class="ml-2 list-inside list-decimal space-y-1 text-xs text-gray-600 dark:text-gray-400 sm:ml-4 sm:space-y-2 sm:text-sm" data-v-01fa9f4e><li data-v-01fa9f4e> 访问 <code class="rounded bg-gray-100 px-1 py-1 text-xs dark:bg-gray-700 sm:px-2 sm:text-sm" data-v-01fa9f4e>https://nodejs.org/</code></li><li data-v-01fa9f4e>下载适合 macOS 的 LTS 版本</li><li data-v-01fa9f4e> 打开下载的 <code class="rounded bg-gray-100 px-1 py-1 text-xs dark:bg-gray-700 sm:px-2 sm:text-sm" data-v-01fa9f4e>.pkg</code> 文件 </li><li data-v-01fa9f4e>按照安装程序指引完成安装</li></ol></div><div class="rounded-lg border border-gray-200 bg-gray-50 p-3 dark:border-gray-600 dark:bg-gray-800 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base" data-v-01fa9f4e> macOS 注意事项 </h6><ul class="space-y-1 text-xs text-gray-700 dark:text-gray-300 sm:text-sm" data-v-01fa9f4e><li data-v-01fa9f4e> • 如果遇到权限问题，可能需要使用 <code class="rounded bg-gray-200 px-1 text-xs dark:bg-gray-700 sm:text-sm" data-v-01fa9f4e>sudo</code></li><li data-v-01fa9f4e>• 首次运行可能需要在系统偏好设置中允许</li><li data-v-01fa9f4e>• 建议使用 Terminal 或 iTerm2</li></ul></div></div><div class="rounded-lg border border-green-200 bg-green-50 p-3 dark:border-green-500/40 dark:bg-green-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 font-medium text-green-800 dark:text-green-300" data-v-01fa9f4e>验证安装是否成功</h6><p class="mb-3 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e> 安装完成后，打开 Terminal，输入以下命令： </p><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>node --version</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>npm --version</div></div><p class="mt-2 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e> 如果显示版本号，说明安装成功了！ </p></div></div><div class="mb-6 sm:mb-10" data-v-01fa9f4e><h4 class="mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl" data-v-01fa9f4e><span class="mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-green-500 text-xs font-bold text-white sm:mr-3 sm:h-8 sm:w-8 sm:text-sm" data-v-01fa9f4e>2</span> 安装 Claude Code </h4><div class="mb-4 rounded-xl border border-purple-100 bg-gradient-to-r from-purple-50 to-pink-50 p-4 dark:border-purple-500/40 dark:from-purple-950/30 dark:to-pink-950/30 sm:mb-6 sm:p-6" data-v-01fa9f4e><h5 class="mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg" data-v-01fa9f4e><i class="fas fa-download mr-2 text-purple-600" data-v-01fa9f4e></i> 安装 Claude Code </h5><p class="mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base" data-v-01fa9f4e> 打开 Terminal，运行以下命令： </p><div class="mb-4 overflow-x-auto rounded-lg bg-gray-900 p-3 font-mono text-xs text-green-400 sm:p-4 sm:text-sm" data-v-01fa9f4e><div class="mb-2" data-v-01fa9f4e># 全局安装 Claude Code</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e> npm install -g @anthropic-ai/claude-code </div></div><p class="mb-2 text-sm text-gray-600 dark:text-gray-400" data-v-01fa9f4e> 如果遇到权限问题，可以使用 sudo： </p><div class="overflow-x-auto rounded-lg bg-gray-900 p-3 font-mono text-xs text-green-400 sm:p-4 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e> sudo npm install -g @anthropic-ai/claude-code </div></div></div><div class="rounded-lg border border-green-200 bg-green-50 p-3 dark:border-green-500/40 dark:bg-green-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 font-medium text-green-800 dark:text-green-300" data-v-01fa9f4e>验证 Claude Code 安装</h6><p class="mb-3 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e> 安装完成后，输入以下命令检查是否安装成功： </p><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>claude --version</div></div><p class="mt-2 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e> 如果显示版本号，恭喜你！Claude Code 已经成功安装了。 </p></div></div>',2)),e("div",ct,[t[79]||(t[79]=e("h4",{class:"mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl"},[e("span",{class:"mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-orange-500 text-xs font-bold text-white sm:mr-3 sm:h-8 sm:w-8 sm:text-sm"},"3"),l(" 设置环境变量 ")],-1)),e("div",ut,[t[54]||(t[54]=e("h5",{class:"mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg"},[e("i",{class:"fas fa-cog mr-2 text-orange-600"}),l(" 配置 Claude Code 环境变量 ")],-1)),t[55]||(t[55]=e("p",{class:"mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base"}," 为了让 Claude Code 连接到你的中转服务，需要设置两个环境变量： ",-1)),e("div",yt,[e("div",wt,[t[43]||(t[43]=e("h6",{class:"mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base"}," 方法一：临时设置（当前会话） ",-1)),t[44]||(t[44]=e("p",{class:"mb-3 text-sm text-gray-600 dark:text-gray-400"}," 在 Terminal 中运行以下命令： ",-1)),e("div",kt,[e("div",ht,' export ANTHROPIC_BASE_URL="'+s(g.value)+'" ',1),t[42]||(t[42]=e("div",{class:"whitespace-nowrap text-gray-300"},' export ANTHROPIC_AUTH_TOKEN="你的API密钥" ',-1))]),t[45]||(t[45]=e("p",{class:"mt-2 text-xs text-yellow-700 dark:text-yellow-400"},' 💡 记得将 "你的API密钥" 替换为在上方 "API Keys" 标签页中创建的实际密钥。 ',-1))]),e("div",It,[t[52]||(t[52]=e("h6",{class:"mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base"}," 方法二：永久设置 ",-1)),t[53]||(t[53]=e("p",{class:"mb-3 text-sm text-gray-600 dark:text-gray-400"}," 编辑你的 shell 配置文件（根据你使用的 shell）： ",-1)),e("div",Ct,[t[46]||(t[46]=e("div",{class:"mb-2"},"# 对于 zsh (默认)",-1)),e("div",_t,` echo 'export ANTHROPIC_BASE_URL="`+s(g.value)+`"' >> ~/.zshrc `,1),t[47]||(t[47]=e("div",{class:"whitespace-nowrap text-gray-300"},` echo 'export ANTHROPIC_AUTH_TOKEN="你的API密钥"' >> ~/.zshrc `,-1)),t[48]||(t[48]=e("div",{class:"whitespace-nowrap text-gray-300"},"source ~/.zshrc",-1))]),e("div",Et,[t[49]||(t[49]=e("div",{class:"mb-2"},"# 对于 bash",-1)),e("div",At,` echo 'export ANTHROPIC_BASE_URL="`+s(g.value)+`"' >> ~/.bash_profile `,1),t[50]||(t[50]=e("div",{class:"whitespace-nowrap text-gray-300"},` echo 'export ANTHROPIC_AUTH_TOKEN="你的API密钥"' >> ~/.bash_profile `,-1)),t[51]||(t[51]=e("div",{class:"whitespace-nowrap text-gray-300"},"source ~/.bash_profile",-1))])])])]),t[80]||(t[80]=m('<div class="mt-6 rounded-lg border border-indigo-200 bg-indigo-50 p-3 dark:border-indigo-500/40 dark:bg-indigo-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 font-medium text-indigo-800 dark:text-indigo-300" data-v-01fa9f4e> VSCode Claude 插件配置 </h6><p class="mb-3 text-sm text-indigo-700 dark:text-indigo-300" data-v-01fa9f4e> 如果使用 VSCode 的 Claude 插件，需要在配置文件中进行设置： </p><div class="mb-3 space-y-2" data-v-01fa9f4e><p class="text-sm text-indigo-700 dark:text-indigo-300" data-v-01fa9f4e><strong data-v-01fa9f4e>配置文件位置：</strong><code class="rounded bg-indigo-100 px-1 dark:bg-indigo-900" data-v-01fa9f4e>~/.claude/config.json</code></p><p class="text-xs text-indigo-600 dark:text-indigo-400" data-v-01fa9f4e> 💡 如果该文件不存在，请手动创建。 </p></div><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>{</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>"primaryApiKey": "crs"</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>}</div></div></div>',1)),e("div",Pt,[t[72]||(t[72]=e("h5",{class:"mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg"},[e("i",{class:"fas fa-robot mr-2 text-green-600"}),l(" 配置 Gemini CLI 环境变量 ")],-1)),t[73]||(t[73]=e("p",{class:"mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base"}," 如果你使用 Gemini CLI，需要设置以下环境变量： ",-1)),e("div",St,[e("div",Ot,[t[58]||(t[58]=e("h6",{class:"mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base"}," Terminal 设置方法 ",-1)),t[59]||(t[59]=e("p",{class:"mb-3 text-sm text-gray-600 dark:text-gray-400"}," 在 Terminal 中运行以下命令： ",-1)),e("div",Nt,[e("div",Lt,' export GOOGLE_GEMINI_BASE_URL="'+s(v.value)+'" ',1),t[56]||(t[56]=e("div",{class:"whitespace-nowrap text-gray-300"},' export GEMINI_API_KEY="你的API密钥" ',-1)),t[57]||(t[57]=e("div",{class:"whitespace-nowrap text-gray-300"},' export GEMINI_MODEL="gemini-2.5-pro" ',-1))]),t[60]||(t[60]=e("p",{class:"mt-2 text-xs text-yellow-700 dark:text-yellow-400"}," 💡 使用与 Claude Code 相同的 API 密钥即可。 ",-1))]),e("div",Tt,[t[69]||(t[69]=e("h6",{class:"mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base"}," 永久设置方法 ",-1)),t[70]||(t[70]=e("p",{class:"mb-3 text-sm text-gray-600 dark:text-gray-400"}," 添加到你的 shell 配置文件： ",-1)),e("div",Gt,[t[61]||(t[61]=e("div",{class:"mb-2"},"# 对于 zsh (默认)",-1)),e("div",Rt,` echo 'export GOOGLE_GEMINI_BASE_URL="`+s(v.value)+`"' >> ~/.zshrc `,1),t[62]||(t[62]=e("div",{class:"whitespace-nowrap text-gray-300"},` echo 'export GEMINI_API_KEY="你的API密钥"' >> ~/.zshrc `,-1)),t[63]||(t[63]=e("div",{class:"whitespace-nowrap text-gray-300"},` echo 'export GEMINI_MODEL="gemini-2.5-pro"' >> ~/.zshrc `,-1)),t[64]||(t[64]=e("div",{class:"whitespace-nowrap text-gray-300"},"source ~/.zshrc",-1))]),e("div",Ut,[t[65]||(t[65]=e("div",{class:"mb-2"},"# 对于 bash",-1)),e("div",Mt,` echo 'export GOOGLE_GEMINI_BASE_URL="`+s(v.value)+`"' >> ~/.bash_profile `,1),t[66]||(t[66]=e("div",{class:"whitespace-nowrap text-gray-300"},` echo 'export GEMINI_API_KEY="你的API密钥"' >> ~/.bash_profile `,-1)),t[67]||(t[67]=e("div",{class:"whitespace-nowrap text-gray-300"},` echo 'export GEMINI_MODEL="gemini-2.5-pro"' >> ~/.bash_profile `,-1)),t[68]||(t[68]=e("div",{class:"whitespace-nowrap text-gray-300"},"source ~/.bash_profile",-1))])]),t[71]||(t[71]=m('<div class="rounded-lg border border-green-200 bg-green-50 p-3 dark:border-green-500/40 dark:bg-green-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 font-medium text-green-800 dark:text-green-300" data-v-01fa9f4e> 验证 Gemini CLI 环境变量 </h6><p class="mb-3 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e>在 Terminal 中验证：</p><div class="space-y-1 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo $GOOGLE_GEMINI_BASE_URL</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo $GEMINI_API_KEY</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo $GEMINI_MODEL</div></div></div>',1))])]),e("div",Ht,[t[77]||(t[77]=e("h5",{class:"mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg"},[e("i",{class:"fas fa-code mr-2 text-indigo-600"}),l(" 配置 Codex 环境变量 ")],-1)),t[78]||(t[78]=e("p",{class:"mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base"}," 如果你使用支持 OpenAI API 的工具（如 Codex），需要设置以下环境变量： ",-1)),e("div",jt,[e("div",Kt,[t[74]||(t[74]=e("h6",{class:"mb-2 font-medium text-yellow-800 dark:text-yellow-300"},"Codex 配置文件",-1)),t[75]||(t[75]=e("p",{class:"mb-3 text-sm text-yellow-700 dark:text-yellow-300"},[l(" 在 "),e("code",{class:"rounded bg-yellow-100 px-1 dark:bg-yellow-900"},"~/.codex/config.toml"),l(" 文件开头添加以下配置： ")],-1)),e("div",Bt,[(d(!0),r(x,null,i(o.value.configToml,a=>(d(),r("div",{key:a,class:p(["whitespace-nowrap text-gray-300",{"mt-2":a===""}])},s(a),3))),128))]),t[76]||(t[76]=e("p",{class:"mt-3 text-sm text-yellow-700 dark:text-yellow-300"},[l(" 在 "),e("code",{class:"rounded bg-yellow-100 px-1 dark:bg-yellow-900"},"~/.codex/auth.json"),l(" 文件中配置API密钥： ")],-1)),e("div",Dt,[(d(!0),r(x,null,i(o.value.authJson,a=>(d(),r("div",{key:a,class:"whitespace-nowrap text-gray-300"},s(a),1))),128))]),e("div",qt,[e("p",null,s(o.value.authInstructions.description),1),e("h6",zt,s(o.value.authInstructions.title),1),e("div",Vt,[e("p",$t,s(o.value.authInstructions.platform.title)+": ",1),e("div",Yt,[e("div",Wt,s(o.value.authInstructions.platform.command),1)])]),o.value.authInstructions.persistent?(d(),r("div",Jt,[e("p",Ft,s(o.value.authInstructions.persistent.title)+": ",1),e("p",Qt,s(o.value.authInstructions.persistent.description),1),e("div",Xt,[(d(!0),r(x,null,i(o.value.authInstructions.persistent.commands,a=>(d(),r("div",{key:a,class:p(["whitespace-nowrap text-gray-300",{"mt-2":a===""}])},s(a),3))),128))])])):y("",!0)])])])])]),e("div",Zt,[t[84]||(t[84]=m('<h5 class="mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg" data-v-01fa9f4e><i class="fas fa-terminal mr-2 text-blue-600" data-v-01fa9f4e></i> 配置 Droid CLI </h5><p class="mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base" data-v-01fa9f4e> Droid CLI 使用 <code class="rounded bg-gray-100 px-1 dark:bg-gray-800" data-v-01fa9f4e>~/.factory/config.json</code> 保存自定义模型；你可以在 Finder 中按 <code class="rounded bg-gray-100 px-1 dark:bg-gray-800" data-v-01fa9f4e>⌘ + Shift + G</code> 并输入路径，或运行 <code class="rounded bg-gray-100 px-1 dark:bg-gray-800" data-v-01fa9f4e>open ~/.factory</code> 快速打开配置目录。 </p>',2)),e("div",te,[t[81]||(t[81]=e("h6",{class:"mb-2 text-sm font-medium text-blue-800 dark:text-blue-200 sm:text-base"}," 配置文件示例 ",-1)),t[82]||(t[82]=e("p",{class:"mb-3 text-sm text-blue-700 dark:text-blue-200"}," 将以下内容追加到配置文件中，并替换示例中的域名和 API 密钥： ",-1)),e("div",ee,[(d(!0),r(x,null,i(w.value,(a,n)=>(d(),r("div",{key:a+n,class:"whitespace-pre text-gray-300"},s(a),1))),128))]),t[83]||(t[83]=e("p",{class:"mt-3 text-xs text-blue-700 dark:text-blue-200 sm:text-sm"}," 💡 在 Droid CLI 中选择自定义模型即可使用新的 Droid 账号池；确保服务地址可被本地访问。 ",-1))])]),t[86]||(t[86]=m('<div class="mb-8" data-v-01fa9f4e><h4 class="mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl" data-v-01fa9f4e><span class="mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-yellow-500 text-xs font-bold text-white sm:mr-3 sm:h-8 sm:w-8 sm:text-sm" data-v-01fa9f4e>4</span> 开始使用 Claude Code </h4><div class="rounded-xl border border-yellow-100 bg-gradient-to-r from-yellow-50 to-amber-50 p-4 dark:border-yellow-500/40 dark:from-yellow-950/30 dark:to-amber-950/30 sm:p-6" data-v-01fa9f4e><p class="mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base" data-v-01fa9f4e> 现在你可以开始使用 Claude Code 了！ </p><div class="space-y-4" data-v-01fa9f4e><div data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base" data-v-01fa9f4e> 启动 Claude Code </h6><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>claude</div></div></div><div data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base" data-v-01fa9f4e> 在特定项目中使用 </h6><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="mb-2" data-v-01fa9f4e># 进入你的项目目录</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>cd /path/to/your/project</div><div class="mb-2 mt-2" data-v-01fa9f4e># 启动 Claude Code</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>claude</div></div></div></div></div></div><div class="mb-8" data-v-01fa9f4e><h4 class="mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl" data-v-01fa9f4e><i class="fas fa-wrench mr-2 text-red-600 sm:mr-3" data-v-01fa9f4e></i> macOS 常见问题解决 </h4><div class="space-y-4" data-v-01fa9f4e><details class="rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-800" data-v-01fa9f4e><summary class="cursor-pointer p-3 text-sm font-medium text-gray-800 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 sm:p-4 sm:text-base" data-v-01fa9f4e> 安装时提示权限错误 </summary><div class="px-3 pb-3 text-gray-600 dark:text-gray-400 sm:px-4 sm:pb-4" data-v-01fa9f4e><p class="mb-2" data-v-01fa9f4e>尝试以下解决方法：</p><ul class="list-inside list-disc space-y-1 text-sm" data-v-01fa9f4e><li data-v-01fa9f4e> 使用 sudo 安装：<code class="rounded bg-gray-200 px-1 text-xs dark:bg-gray-700 sm:text-sm" data-v-01fa9f4e>sudo npm install -g @anthropic-ai/claude-code</code></li><li data-v-01fa9f4e> 或者配置 npm 使用用户目录：<code class="rounded bg-gray-200 px-1 text-xs dark:bg-gray-700 sm:text-sm" data-v-01fa9f4e>npm config set prefix ~/.npm-global</code></li></ul></div></details><details class="rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-800" data-v-01fa9f4e><summary class="cursor-pointer p-3 text-sm font-medium text-gray-800 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 sm:p-4 sm:text-base" data-v-01fa9f4e> macOS 安全设置阻止运行 </summary><div class="px-3 pb-3 text-gray-600 dark:text-gray-400 sm:px-4 sm:pb-4" data-v-01fa9f4e><p class="mb-2" data-v-01fa9f4e>如果系统阻止运行 Claude Code：</p><ul class="list-inside list-disc space-y-1 text-sm" data-v-01fa9f4e><li data-v-01fa9f4e>打开"系统偏好设置" → "安全性与隐私"</li><li data-v-01fa9f4e>点击"仍要打开"或"允许"</li><li data-v-01fa9f4e> 或者在 Terminal 中运行：<code class="rounded bg-gray-200 px-1 text-xs dark:bg-gray-700 sm:text-sm" data-v-01fa9f4e>sudo spctl --master-disable</code></li></ul></div></details><details class="rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-800" data-v-01fa9f4e><summary class="cursor-pointer p-3 text-sm font-medium text-gray-800 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 sm:p-4 sm:text-base" data-v-01fa9f4e> 环境变量不生效 </summary><div class="px-3 pb-3 text-gray-600 dark:text-gray-400 sm:px-4 sm:pb-4" data-v-01fa9f4e><p class="mb-2" data-v-01fa9f4e>检查以下几点：</p><ul class="list-inside list-disc space-y-1 text-sm" data-v-01fa9f4e><li data-v-01fa9f4e>确认修改了正确的配置文件（.zshrc 或 .bash_profile）</li><li data-v-01fa9f4e>重新启动 Terminal</li><li data-v-01fa9f4e> 验证设置：<code class="rounded bg-gray-200 px-1 text-xs dark:bg-gray-700 sm:text-sm" data-v-01fa9f4e>echo $ANTHROPIC_BASE_URL</code></li></ul></div></details></div></div>',2))])):c.value==="linux"?(d(),r("div",ae,[t[131]||(t[131]=m('<div class="mb-6 sm:mb-10" data-v-01fa9f4e><h4 class="mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl" data-v-01fa9f4e><span class="mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-blue-500 text-xs font-bold text-white sm:mr-3 sm:h-8 sm:w-8 sm:text-sm" data-v-01fa9f4e>1</span> 安装 Node.js 环境 </h4><p class="mb-4 text-gray-600 dark:text-gray-400 sm:mb-6" data-v-01fa9f4e> Claude Code 需要 Node.js 环境才能运行。 </p><div class="mb-4 rounded-xl border border-orange-100 bg-gradient-to-r from-orange-50 to-red-50 p-4 dark:border-orange-500/40 dark:from-orange-950/30 dark:to-red-950/30 sm:mb-6 sm:p-6" data-v-01fa9f4e><h5 class="mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg" data-v-01fa9f4e><i class="fab fa-ubuntu mr-2 text-orange-600" data-v-01fa9f4e></i> Linux 安装方法 </h5><div class="mb-4" data-v-01fa9f4e><p class="mb-3 text-gray-700 dark:text-gray-300" data-v-01fa9f4e>方法一：使用官方仓库（推荐）</p><div class="overflow-x-auto rounded-lg bg-gray-900 p-3 font-mono text-xs text-green-400 dark:border dark:border-slate-700 dark:bg-slate-900 sm:p-4 sm:text-sm" data-v-01fa9f4e><div class="mb-2" data-v-01fa9f4e># 添加 NodeSource 仓库</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e> curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash - </div><div class="mb-2 mt-3" data-v-01fa9f4e># 安装 Node.js</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>sudo apt-get install -y nodejs</div></div></div><div class="mb-4" data-v-01fa9f4e><p class="mb-3 text-gray-700 dark:text-gray-300" data-v-01fa9f4e>方法二：使用系统包管理器</p><p class="mb-2 text-xs text-gray-600 dark:text-gray-400 sm:text-sm" data-v-01fa9f4e> 虽然版本可能不是最新的，但对于基本使用已经足够： </p><div class="overflow-x-auto rounded-lg bg-gray-900 p-3 font-mono text-xs text-green-400 dark:border dark:border-slate-700 dark:bg-slate-900 sm:p-4 sm:text-sm" data-v-01fa9f4e><div class="mb-2" data-v-01fa9f4e># Ubuntu/Debian</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>sudo apt update</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>sudo apt install nodejs npm</div><div class="mb-2 mt-3" data-v-01fa9f4e># CentOS/RHEL/Fedora</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>sudo dnf install nodejs npm</div></div></div><div class="rounded-lg border border-orange-200 bg-orange-50 p-3 dark:border-orange-500/40 dark:bg-orange-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-orange-800 dark:text-orange-300 sm:text-base" data-v-01fa9f4e> Linux 注意事项 </h6><ul class="space-y-1 text-xs text-orange-700 dark:text-orange-300 sm:text-sm" data-v-01fa9f4e><li data-v-01fa9f4e>• 某些发行版可能需要安装额外的依赖</li><li data-v-01fa9f4e> • 如果遇到权限问题，使用 <code class="rounded bg-orange-200 px-1 dark:bg-orange-900" data-v-01fa9f4e>sudo</code></li><li data-v-01fa9f4e>• 确保你的用户在 npm 的全局目录有写权限</li></ul></div></div><div class="rounded-lg border border-green-200 bg-green-50 p-3 dark:border-green-500/40 dark:bg-green-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 font-medium text-green-800 dark:text-green-300" data-v-01fa9f4e>验证安装是否成功</h6><p class="mb-3 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e> 安装完成后，打开终端，输入以下命令： </p><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>node --version</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>npm --version</div></div><p class="mt-2 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e> 如果显示版本号，说明安装成功了！ </p></div></div><div class="mb-6 sm:mb-10" data-v-01fa9f4e><h4 class="mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl" data-v-01fa9f4e><span class="mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-green-500 text-xs font-bold text-white sm:mr-3 sm:h-8 sm:w-8 sm:text-sm" data-v-01fa9f4e>2</span> 安装 Claude Code </h4><div class="mb-4 rounded-xl border border-purple-100 bg-gradient-to-r from-purple-50 to-pink-50 p-4 dark:border-purple-500/40 dark:from-purple-950/30 dark:to-pink-950/30 sm:mb-6 sm:p-6" data-v-01fa9f4e><h5 class="mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg" data-v-01fa9f4e><i class="fas fa-download mr-2 text-purple-600" data-v-01fa9f4e></i> 安装 Claude Code </h5><p class="mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base" data-v-01fa9f4e> 打开终端，运行以下命令： </p><div class="mb-4 overflow-x-auto rounded-lg bg-gray-900 p-3 font-mono text-xs text-green-400 sm:p-4 sm:text-sm" data-v-01fa9f4e><div class="mb-2" data-v-01fa9f4e># 全局安装 Claude Code</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e> npm install -g @anthropic-ai/claude-code </div></div><p class="mb-2 text-sm text-gray-600 dark:text-gray-400" data-v-01fa9f4e> 如果遇到权限问题，可以使用 sudo： </p><div class="overflow-x-auto rounded-lg bg-gray-900 p-3 font-mono text-xs text-green-400 sm:p-4 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e> sudo npm install -g @anthropic-ai/claude-code </div></div></div><div class="rounded-lg border border-green-200 bg-green-50 p-3 dark:border-green-500/40 dark:bg-green-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 font-medium text-green-800 dark:text-green-300" data-v-01fa9f4e>验证 Claude Code 安装</h6><p class="mb-3 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e> 安装完成后，输入以下命令检查是否安装成功： </p><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>claude --version</div></div><p class="mt-2 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e> 如果显示版本号，恭喜你！Claude Code 已经成功安装了。 </p></div></div>',2)),e("div",se,[t[128]||(t[128]=e("h4",{class:"mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl"},[e("span",{class:"mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-orange-500 text-xs font-bold text-white sm:mr-3 sm:h-8 sm:w-8 sm:text-sm"},"3"),l(" 设置环境变量 ")],-1)),e("div",re,[t[99]||(t[99]=e("h5",{class:"mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg"},[e("i",{class:"fas fa-cog mr-2 text-orange-600"}),l(" 配置 Claude Code 环境变量 ")],-1)),t[100]||(t[100]=e("p",{class:"mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base"}," 为了让 Claude Code 连接到你的中转服务，需要设置两个环境变量： ",-1)),e("div",de,[e("div",oe,[t[88]||(t[88]=e("h6",{class:"mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base"}," 方法一：临时设置（当前会话） ",-1)),t[89]||(t[89]=e("p",{class:"mb-3 text-sm text-gray-600 dark:text-gray-400"},"在终端中运行以下命令：",-1)),e("div",le,[e("div",me,' export ANTHROPIC_BASE_URL="'+s(g.value)+'" ',1),t[87]||(t[87]=e("div",{class:"whitespace-nowrap text-gray-300"},' export ANTHROPIC_AUTH_TOKEN="你的API密钥" ',-1))]),t[90]||(t[90]=e("p",{class:"mt-2 text-xs text-yellow-700 dark:text-yellow-400"},' 💡 记得将 "你的API密钥" 替换为在上方 "API Keys" 标签页中创建的实际密钥。 ',-1))]),e("div",xe,[t[97]||(t[97]=e("h6",{class:"mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base"}," 方法二：永久设置 ",-1)),t[98]||(t[98]=e("p",{class:"mb-3 text-sm text-gray-600 dark:text-gray-400"},"编辑你的 shell 配置文件：",-1)),e("div",ie,[t[91]||(t[91]=e("div",{class:"mb-2"},"# 对于 bash (默认)",-1)),e("div",ne,` echo 'export ANTHROPIC_BASE_URL="`+s(g.value)+`"' >> ~/.bashrc `,1),t[92]||(t[92]=e("div",{class:"whitespace-nowrap text-gray-300"},` echo 'export ANTHROPIC_AUTH_TOKEN="你的API密钥"' >> ~/.bashrc `,-1)),t[93]||(t[93]=e("div",{class:"whitespace-nowrap text-gray-300"},"source ~/.bashrc",-1))]),e("div",ge,[t[94]||(t[94]=e("div",{class:"mb-2"},"# 对于 zsh",-1)),e("div",fe,` echo 'export ANTHROPIC_BASE_URL="`+s(g.value)+`"' >> ~/.zshrc `,1),t[95]||(t[95]=e("div",{class:"whitespace-nowrap text-gray-300"},` echo 'export ANTHROPIC_AUTH_TOKEN="你的API密钥"' >> ~/.zshrc `,-1)),t[96]||(t[96]=e("div",{class:"whitespace-nowrap text-gray-300"},"source ~/.zshrc",-1))])])])]),e("div",ve,[t[117]||(t[117]=e("h5",{class:"mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg"},[e("i",{class:"fas fa-robot mr-2 text-green-600"}),l(" 配置 Gemini CLI 环境变量 ")],-1)),t[118]||(t[118]=e("p",{class:"mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base"}," 如果你使用 Gemini CLI，需要设置以下环境变量： ",-1)),e("div",pe,[e("div",be,[t[103]||(t[103]=e("h6",{class:"mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base"}," 终端设置方法 ",-1)),t[104]||(t[104]=e("p",{class:"mb-3 text-sm text-gray-600 dark:text-gray-400"},"在终端中运行以下命令：",-1)),e("div",ce,[e("div",ue,' export GOOGLE_GEMINI_BASE_URL="'+s(v.value)+'" ',1),t[101]||(t[101]=e("div",{class:"whitespace-nowrap text-gray-300"},' export GEMINI_API_KEY="你的API密钥" ',-1)),t[102]||(t[102]=e("div",{class:"whitespace-nowrap text-gray-300"},' export GEMINI_MODEL="gemini-2.5-pro" ',-1))]),t[105]||(t[105]=e("p",{class:"mt-2 text-xs text-yellow-700 dark:text-yellow-400"}," 💡 使用与 Claude Code 相同的 API 密钥即可。 ",-1))]),e("div",ye,[t[114]||(t[114]=e("h6",{class:"mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base"}," 永久设置方法 ",-1)),t[115]||(t[115]=e("p",{class:"mb-3 text-sm text-gray-600 dark:text-gray-400"}," 添加到你的 shell 配置文件： ",-1)),e("div",we,[t[106]||(t[106]=e("div",{class:"mb-2"},"# 对于 bash (默认)",-1)),e("div",ke,` echo 'export GOOGLE_GEMINI_BASE_URL="`+s(v.value)+`"' >> ~/.bashrc `,1),t[107]||(t[107]=e("div",{class:"whitespace-nowrap text-gray-300"},` echo 'export GEMINI_API_KEY="你的API密钥"' >> ~/.bashrc `,-1)),t[108]||(t[108]=e("div",{class:"whitespace-nowrap text-gray-300"},` echo 'export GEMINI_MODEL="gemini-2.5-pro"' >> ~/.bashrc `,-1)),t[109]||(t[109]=e("div",{class:"whitespace-nowrap text-gray-300"},"source ~/.bashrc",-1))]),e("div",he,[t[110]||(t[110]=e("div",{class:"mb-2"},"# 对于 zsh",-1)),e("div",Ie,` echo 'export GOOGLE_GEMINI_BASE_URL="`+s(v.value)+`"' >> ~/.zshrc `,1),t[111]||(t[111]=e("div",{class:"whitespace-nowrap text-gray-300"},` echo 'export GEMINI_API_KEY="你的API密钥"' >> ~/.zshrc `,-1)),t[112]||(t[112]=e("div",{class:"whitespace-nowrap text-gray-300"},` echo 'export GEMINI_MODEL="gemini-2.5-pro"' >> ~/.zshrc `,-1)),t[113]||(t[113]=e("div",{class:"whitespace-nowrap text-gray-300"},"source ~/.zshrc",-1))])]),t[116]||(t[116]=m('<div class="rounded-lg border border-green-200 bg-green-50 p-3 dark:border-green-500/40 dark:bg-green-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 font-medium text-green-800 dark:text-green-300" data-v-01fa9f4e> 验证 Gemini CLI 环境变量 </h6><p class="mb-3 text-sm text-green-700 dark:text-green-300" data-v-01fa9f4e>在终端中验证：</p><div class="space-y-1 overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo $GOOGLE_GEMINI_BASE_URL</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo $GEMINI_API_KEY</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>echo $GEMINI_MODEL</div></div></div>',1))])]),e("div",Ce,[t[122]||(t[122]=e("h5",{class:"mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg"},[e("i",{class:"fas fa-code mr-2 text-indigo-600"}),l(" 配置 Codex 环境变量 ")],-1)),t[123]||(t[123]=e("p",{class:"mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base"}," 如果你使用支持 OpenAI API 的工具（如 Codex），需要设置以下环境变量： ",-1)),e("div",_e,[e("div",Ee,[t[119]||(t[119]=e("h6",{class:"mb-2 font-medium text-yellow-800 dark:text-yellow-300"},"Codex 配置文件",-1)),t[120]||(t[120]=e("p",{class:"mb-3 text-sm text-yellow-700 dark:text-yellow-300"},[l(" 在 "),e("code",{class:"rounded bg-yellow-100 px-1 dark:bg-yellow-900"},"~/.codex/config.toml"),l(" 文件开头添加以下配置： ")],-1)),e("div",Ae,[(d(!0),r(x,null,i(o.value.configToml,a=>(d(),r("div",{key:a,class:p(["whitespace-nowrap text-gray-300",{"mt-2":a===""}])},s(a),3))),128))]),t[121]||(t[121]=e("p",{class:"mt-3 text-sm text-yellow-700 dark:text-yellow-300"},[l(" 在 "),e("code",{class:"rounded bg-yellow-100 px-1 dark:bg-yellow-900"},"~/.codex/auth.json"),l(" 文件中配置API密钥： ")],-1)),e("div",Pe,[(d(!0),r(x,null,i(o.value.authJson,a=>(d(),r("div",{key:a,class:"whitespace-nowrap text-gray-300"},s(a),1))),128))]),e("div",Se,[e("p",null,s(o.value.authInstructions.description),1),e("h6",Oe,s(o.value.authInstructions.title),1),e("div",Ne,[e("p",Le,s(o.value.authInstructions.platform.title)+": ",1),e("div",Te,[e("div",Ge,s(o.value.authInstructions.platform.command),1)])]),o.value.authInstructions.persistent?(d(),r("div",Re,[e("p",Ue,s(o.value.authInstructions.persistent.title)+": ",1),e("p",Me,s(o.value.authInstructions.persistent.description),1),e("div",He,[(d(!0),r(x,null,i(o.value.authInstructions.persistent.commands,a=>(d(),r("div",{key:a,class:p(["whitespace-nowrap text-gray-300",{"mt-2":a===""}])},s(a),3))),128))])])):y("",!0)])])])]),t[129]||(t[129]=m('<div class="mt-6 rounded-lg border border-indigo-200 bg-indigo-50 p-3 dark:border-indigo-500/40 dark:bg-indigo-950/30 sm:p-4" data-v-01fa9f4e><h6 class="mb-2 font-medium text-indigo-800 dark:text-indigo-300" data-v-01fa9f4e> VSCode Claude 插件配置 </h6><p class="mb-3 text-sm text-indigo-700 dark:text-indigo-300" data-v-01fa9f4e> 如果使用 VSCode 的 Claude 插件，需要在配置文件中进行设置： </p><div class="mb-3 space-y-2" data-v-01fa9f4e><p class="text-sm text-indigo-700 dark:text-indigo-300" data-v-01fa9f4e><strong data-v-01fa9f4e>配置文件位置：</strong><code class="rounded bg-indigo-100 px-1 dark:bg-indigo-900" data-v-01fa9f4e>~/.claude/config.json</code></p><p class="text-xs text-indigo-600 dark:text-indigo-400" data-v-01fa9f4e> 💡 如果该文件不存在，请手动创建。 </p></div><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>{</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>"primaryApiKey": "crs"</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>}</div></div></div>',1)),e("div",je,[t[127]||(t[127]=m('<h5 class="mb-2 flex items-center text-base font-semibold text-gray-800 dark:text-gray-200 sm:mb-3 sm:text-lg" data-v-01fa9f4e><i class="fas fa-terminal mr-2 text-blue-600" data-v-01fa9f4e></i> 配置 Droid CLI </h5><p class="mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base" data-v-01fa9f4e> Droid CLI 使用 <code class="rounded bg-gray-100 px-1 dark:bg-gray-800" data-v-01fa9f4e>~/.factory/config.json</code> 保存自定义模型；在 Linux 或 WSL2 中，可直接编辑 <code class="rounded bg-gray-100 px-1 dark:bg-gray-800" data-v-01fa9f4e>/home/你的用户名/.factory/config.json</code> 或在终端运行 <code class="rounded bg-gray-100 px-1 dark:bg-gray-800" data-v-01fa9f4e>xdg-open ~/.factory</code> 打开目录。 </p>',2)),e("div",Ke,[t[124]||(t[124]=e("h6",{class:"mb-2 text-sm font-medium text-blue-800 dark:text-blue-200 sm:text-base"}," 配置文件示例 ",-1)),t[125]||(t[125]=e("p",{class:"mb-3 text-sm text-blue-700 dark:text-blue-200"}," 将以下内容追加到配置文件中，并替换示例中的域名和 API 密钥： ",-1)),e("div",Be,[(d(!0),r(x,null,i(w.value,(a,n)=>(d(),r("div",{key:a+n,class:"whitespace-pre text-gray-300"},s(a),1))),128))]),t[126]||(t[126]=e("p",{class:"mt-3 text-xs text-blue-700 dark:text-blue-200 sm:text-sm"}," 💡 在 Droid CLI 中选择自定义模型即可使用新的 Droid 账号池；确保服务地址可被本地访问。 ",-1))])]),t[130]||(t[130]=m('<div class="mb-8" data-v-01fa9f4e><h4 class="mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl" data-v-01fa9f4e><span class="mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-yellow-500 text-xs font-bold text-white sm:mr-3 sm:h-8 sm:w-8 sm:text-sm" data-v-01fa9f4e>4</span> 开始使用 Claude Code </h4><div class="rounded-xl border border-yellow-100 bg-gradient-to-r from-yellow-50 to-amber-50 p-4 dark:border-yellow-500/40 dark:from-yellow-950/30 dark:to-amber-950/30 sm:p-6" data-v-01fa9f4e><p class="mb-3 text-sm text-gray-700 dark:text-gray-300 sm:mb-4 sm:text-base" data-v-01fa9f4e> 现在你可以开始使用 Claude Code 了！ </p><div class="space-y-4" data-v-01fa9f4e><div data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base" data-v-01fa9f4e> 启动 Claude Code </h6><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>claude</div></div></div><div data-v-01fa9f4e><h6 class="mb-2 text-sm font-medium text-gray-800 dark:text-gray-300 sm:text-base" data-v-01fa9f4e> 在特定项目中使用 </h6><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="mb-2" data-v-01fa9f4e># 进入你的项目目录</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>cd /path/to/your/project</div><div class="mb-2 mt-2" data-v-01fa9f4e># 启动 Claude Code</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e>claude</div></div></div></div></div></div><div class="mb-8" data-v-01fa9f4e><h4 class="mb-3 flex items-center text-lg font-semibold text-gray-800 dark:text-gray-300 sm:mb-4 sm:text-xl" data-v-01fa9f4e><i class="fas fa-wrench mr-2 text-red-600 sm:mr-3" data-v-01fa9f4e></i> Linux 常见问题解决 </h4><div class="space-y-4" data-v-01fa9f4e><details class="rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-800" data-v-01fa9f4e><summary class="cursor-pointer p-3 text-sm font-medium text-gray-800 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 sm:p-4 sm:text-base" data-v-01fa9f4e> 安装时提示权限错误 </summary><div class="px-3 pb-3 text-gray-600 dark:text-gray-400 sm:px-4 sm:pb-4" data-v-01fa9f4e><p class="mb-2" data-v-01fa9f4e>尝试以下解决方法：</p><ul class="list-inside list-disc space-y-1 text-sm" data-v-01fa9f4e><li data-v-01fa9f4e> 使用 sudo 安装：<code class="rounded bg-gray-200 px-1 text-xs dark:bg-gray-700 sm:text-sm" data-v-01fa9f4e>sudo npm install -g @anthropic-ai/claude-code</code></li><li data-v-01fa9f4e> 或者配置 npm 使用用户目录：<code class="rounded bg-gray-200 px-1 text-xs dark:bg-gray-700 sm:text-sm" data-v-01fa9f4e>npm config set prefix ~/.npm-global</code></li><li data-v-01fa9f4e> 然后添加到 PATH：<code class="rounded bg-gray-200 px-1 text-xs dark:bg-gray-700 sm:text-sm" data-v-01fa9f4e>export PATH=~/.npm-global/bin:$PATH</code></li></ul></div></details><details class="rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-800" data-v-01fa9f4e><summary class="cursor-pointer p-3 text-sm font-medium text-gray-800 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 sm:p-4 sm:text-base" data-v-01fa9f4e> 缺少依赖库 </summary><div class="px-3 pb-3 text-gray-600 dark:text-gray-400 sm:px-4 sm:pb-4" data-v-01fa9f4e><p class="mb-2" data-v-01fa9f4e>某些 Linux 发行版需要安装额外依赖：</p><div class="overflow-x-auto rounded bg-gray-900 p-2 font-mono text-xs text-green-400 sm:p-3 sm:text-sm" data-v-01fa9f4e><div class="mb-2" data-v-01fa9f4e># Ubuntu/Debian</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e> sudo apt install build-essential </div><div class="mb-2 mt-2" data-v-01fa9f4e># CentOS/RHEL</div><div class="whitespace-nowrap text-gray-300" data-v-01fa9f4e> sudo dnf groupinstall "Development Tools" </div></div></div></details><details class="rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-800" data-v-01fa9f4e><summary class="cursor-pointer p-3 text-sm font-medium text-gray-800 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 sm:p-4 sm:text-base" data-v-01fa9f4e> 环境变量不生效 </summary><div class="px-3 pb-3 text-gray-600 dark:text-gray-400 sm:px-4 sm:pb-4" data-v-01fa9f4e><p class="mb-2" data-v-01fa9f4e>检查以下几点：</p><ul class="list-inside list-disc space-y-1 text-sm" data-v-01fa9f4e><li data-v-01fa9f4e>确认修改了正确的配置文件（.bashrc 或 .zshrc）</li><li data-v-01fa9f4e> 重新启动终端或运行 <code class="rounded bg-gray-200 px-1 text-xs dark:bg-gray-700 sm:text-sm" data-v-01fa9f4e>source ~/.bashrc</code></li><li data-v-01fa9f4e> 验证设置：<code class="rounded bg-gray-200 px-1 text-xs dark:bg-gray-700 sm:text-sm" data-v-01fa9f4e>echo $ANTHROPIC_BASE_URL</code></li></ul></div></details></div></div>',2))]),t[132]||(t[132]=e("div",{class:"rounded-xl bg-gradient-to-r from-blue-500 to-purple-600 p-4 text-center text-white sm:p-6"},[e("h5",{class:"mb-2 text-lg font-semibold sm:text-xl"},"🎉 恭喜你！"),e("p",{class:"mb-3 text-sm text-blue-100 sm:mb-4 sm:text-base"}," 你已经成功安装并配置了 Claude Code，现在可以开始享受 AI 编程助手带来的便利了。 "),e("p",{class:"text-xs text-blue-200 sm:text-sm"}," 如果在使用过程中遇到任何问题，可以查看官方文档或社区讨论获取帮助。 ")],-1))])):y("",!0)]))}},We=_(De,[["__scopeId","data-v-01fa9f4e"]]);export{We as default};
|