《Claude Code 落地实战:本地搭建 + 智谱 GLM-4.7 强强联手,打造最强 AI 编程助手》

《Claude Code 落地实战:本地搭建 + 智谱 GLM-4.7 强强联手,打造最强 AI 编程助手》

前言:

💡 为什么选择 Claude Code + 国产模型?

  • Claude Code:Anthropic 官方出品的命令行编程智能体(Agent),它拥有直接操作文件、执行终端命令、分析 git 提交记录的极高权限,比传统的 Chat 工具更贴近开发者。
  • GLM-4.7:智谱 AI 的明星模型,国内适配度极高,响应速度快且性价比极高,实测在代码生成和逻辑理解上表现优异。
  • CC-Switch:解决协议适配的“瑞士军刀”,让我们能以极低的成本在本地跑起这套顶级工具。

一、 环境准备:Windows 平台极速搭建

在开始之前,请确保你的系统已安装 Node.js (v18+)

1. 提升 PowerShell 权限

为了顺利安装全局包,我们需要调整执行策略。在开始菜单搜索 PowerShell以管理员身份运行,如图(1)所示

图(1)

输入下面指令,如图(2)所示:

PowerShell

# 修改执行策略 Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned # 在弹出的提示中输入 Y 并回车 

图(2)

输入Y后再输入下列这行代码,以检测验证:

PowerShell

# 验证 Get-ExecutionPolicy -List

确定CurrentUser的值是RemoteSigned即可,如下图(3)所示

图(3)

2. 全局安装 Claude Code

利用国内镜像源(淘宝 NPM 镜像)加速下载,避免网络波动,如下图(4)、(5)所示:

PowerShell

# 使用 npmmirror 镜像安装 npm install -g @anthropic-ai/claude-code --registry=https://registry.npmmirror.com # 验证安装是否成功 claude --version 

图(4)

图(5)


二、 核心配置:借力 GLM-4.7 驱动 Claude

由于 Claude Code 原生仅支持 Anthropic API,我们需要通过 cc-switch 进行中转。

1. 获取智谱 AI API Key

  1. 登录 智谱 AI 开放平台
  2. 实名认证提示:新用户实名后通常会赠送千万级别的 Token 额度,足够个人开发者学习和使用数月。
  3. 进入控制台 -> 查看并复制你的 API KEY,如下图(6)、图(7)所示

图(6)

图(7)

2. 安装并配置 cc-switch

cc-switch 是一个开源工具,专门用于拦截 Claude Code 的请求并转发给第三方 Provider。

        1.下载:前往 GitHub 仓库(或国内镜像)下载最新的 .msi 安装包,如图(8)所示。

                        仓库地址:https://github.com/farion1231/cc-switch

图(8)

        2.安装:一路“下一步”完成安装,如下图(9)所示。

图(9)

        3.关键配置步骤

                1.打开 cc-switch 客户端:打开后如图(10)所示,然后点击“添加供应商”。

图(10)

                2.添加供应商:选择zhipu GLM(智谱),如图(11)所示。

                3.填入 Key:粘贴刚才获取的 API KEY,如图(12)所示。

                4.将应用到Claude Code插件选项打开:如图(13)所示。

图(11)

图(12)

图(13)


三、 实战演练:多种方式开启 AI 编程

Claude Code 的精髓在于它不仅能写代码,还能执行代码和调试代码。

1. 方式一:VS Code 内置终端(推荐)

这是最丝滑的体验。在 VS Code 中打开你的项目文件夹:

  • 快捷键 Ctrl + ~ 打开终端。
  • 输入 claude 即可进入交互模式,如图(14)、(15)所示。
  • 优势:左边写代码,右边 AI 实时监控,改完直接 git commit

图(14)

图(15)

2. 方式二:系统原生终端 (CMD/PowerShell)

如果你习惯在独立环境下工作,可以直接在项目目录下运行,如图(16)所示:

Bash

cd your-project-path claude 

图(16)

3. 注意事项

⚠️ 温馨提示:Claude Code 在初次启动时会要求登录 Anthropic 账号。在使用 cc-switch 后,它会模拟登录环境,请按照工具说明进行操作。

四、 进阶技巧:如何给 Claude 下达高质量指令?

  • 文件操作"帮我重构 src/utils/index.js 中的日期处理函数"
  • 错误调试"运行 npm test,根据报错信息修复 bugs"
  • 自动提交通信"总结刚才的修改并帮我提交 git"

结语

通过 Claude Code 的强大控制力加上国产 GLM 模型的高性价比,我们实现了一套近乎完美的本地 AI 编程方案。这不仅解决了网络延迟问题,还极大提升了代码生产力。


想看更多关于 AI Agent 或大模型落地的干货吗?

  • 如果你需要,我可以为你演示如何编写一份 Claude Code 自定义系统提示词(System Prompt),让它更符合你的编码习惯。
  • 或是教你如何配置 DeepSeek 等其他国产模型?

欢迎在评论区留言,我会一一解答!

Read more

麦橘超然Flux图像生成器实战:Gradio WebUI定制化部署

麦橘超然Flux图像生成器实战:Gradio WebUI定制化部署 1. 这不是另一个“点开即用”的AI绘图工具 你可能已经试过十几个在线AI绘图平台,也下载过几款本地软件——有的要注册、有的限次数、有的生成一张图要等两分钟、有的画出来连主体都模糊。而今天要聊的这个,是真正能装进你那台显存只有8GB甚至6GB的笔记本里,还能稳稳跑出高清图的离线方案。 它叫“麦橘超然”,名字听起来有点江湖气,但背后是实打实的技术取舍:不拼参数堆叠,不靠云端算力兜底,而是用float8量化把大模型“瘦身”到能在中低配设备上呼吸自如;界面没花里胡哨的菜单栏,就一个输入框、两个滑块、一个按钮;生成的图不是“差不多就行”,而是细节经得起放大、光影有真实感、构图不崩坏。 这不是为极客准备的玩具,而是给设计师、插画师、内容创作者、甚至只是想安静画点东西的普通人的实用工具。它不承诺“秒出大师级作品”,但它保证:你写的每一句提示词,都会被认真理解;你调的每一个参数,都会真实影响结果;你点下的每一次“生成”,都在你自己的机器上完成——没有上传、

前端进阶 课程二十四、:CSS核心进阶三 定位(position)进阶与z-index

前端进阶 课程二十四、:CSS核心进阶三 定位(position)进阶与z-index

--静态定位/相对定位/绝对定位/固定定位/粘性定位/层叠等级 全面掌握position的static、relative、absolute、fixed四大值及sticky粘性定位的特性与应用场景,理解“Parent is relative, child is absolute”定位逻辑和fixed的viewport定位规则。深入剖析z-index的层级计算规则与层级上下文,解决元素层级冲突核心问题。通过实操实现相对定位微调、绝对定位弹窗、固定导航、粘性导航等案例,搭配弹窗、层级布局等作业,让学员能精准运用定位实现各类布局,熟练管理元素层级,攻克定位与层级的核心难点。

《Web 自动化测试入门:从概念到百度搜索实战全拆解》

《Web 自动化测试入门:从概念到百度搜索实战全拆解》

一、自动化的核心概念 1. 定义:通过自动方式替代人工操作完成任务,生活中常见案例(自动洒水机、自动洗手液、超市闸机)体现了 “减少人力消耗、提升效率 / 质量” 的特点。 2. 软件自动化测试的核心目的: * 用于回归测试:软件迭代新版本时,验证新增功能是否影响历史功能的正常运行。 3. 常见面试题解析: * 自动化测试不能完全取代人工测试:需人工编写脚本,且功能变更后需维护更新,可靠性未必优于人工。 * 自动化测试不能 “大幅度降低工作量”:仅能 “一定程度” 减少重复工作,需注意表述的严谨性。 二、自动化测试的分类 自动化是统称,包含多种类型,核心分类及说明如下: 分类说明接口自动化针对软件接口的测试,目的是验证接口的功能、性能、稳定性等。UI 自动化 针对软件界面的测试,包含: 1. 移动端自动化:通过模拟器在电脑上编写脚本,测试手机应用;稳定性较差(受设备、

微信 H5 缓存控制:后端重定向 & 前端强制刷新

在 Web 开发中,缓存是一把双刃剑。对于静态资源,它能极大提升加载速度;但对于业务逻辑频繁变动的 H5 页面(如支付、订单页),缓存往往会导致用户看到过期的数据或界面。最近在维护一个 uni-app 项目时,遇到了一段关于 H5 缓存控制的逻辑,引发了我对于“后端重定向加时间戳”和“前端 JS 加时间戳”这两种方案的思考。虽然两者的最终目的一致,但在 Hash 模式下,它们的实现原理和效果有着本质的区别。 一、 问题背景 在应用启动的生命周期中,通常会有这样一段逻辑:当用户访问特定的关键页面(如支付、订单页)时,如果当前 URL 中缺少时间戳参数,前端会自动解析 URL,追加当前时间戳,并强制页面刷新。 这就引出了一个问题:为什么不直接在后端重定向时加时间戳?这两种方式有什么区别? 二、 核心区别: