一、编辑器配置 AI 插件(以 vs code 举例):

1、Cline Chinese

可以同时配:

  • Anthropic(Claude)
  • OpenAI(GPT-4o / o1)
  • DeepSeek
  • 智谱 GLM
  • 通义 Qwen
  • 豆包
  • Ollama 本地模型

① 下载安装完成后,点击进行配置:

在这里插入图片描述

② 根据需要进入不同的提供商的官网,进行API Key 的获取,然后进行配置即可使用:

在这里插入图片描述

2、Claude Code for VS Code

① 插件搜索直接安装,安装成功后需要登录

想要使用 claude的官方模型:

a、官方登录(国外的账号+信用卡付钱+代理)❌
b、配合 cc switch 进行配置:
  • 打开C:\Users\用户名\.claude.json文件(这个是全局的系统配置文件),新增代码,绕过登录:
"hasCompletedOnboarding": true
  • 下载 cc switch
  • 选择 claude 选项卡进行配置:
    • kimi
      请求地址:https://api.moonshot.cn/anthropic
    • Zhipu GLM:
      请求地址:https://open.bigmodel.cn/api/anthropic
      在这里插入图片描述

3、Kimi Code

官网:https://www.kimi.com/code/console?from=kfc_overview_topbar
在这里插入图片描述

4、Lingma - Alibaba Cloud AI Coding Assistant

官网:https://lingma.aliyun.com/
在这里插入图片描述

5、Gemini Code Assist

付费+国内账号限制,待更新。。。

二、配置 claude 命令行:

1、前提条件:

  • Node.js版本 > 18
  • 安装 git
  • MacOS 用户:使用 Homebrew 或者 nvm 安装【不推荐直接下载安装包安装(否则可能会遇到权限问题)】

2、进入终端,安装 Claude Code

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

3、验证安装:

  • 终端运行 claude --version,若显示版本号,则表示安装成功

4、运行:

  • 终端输入 claude
    在这里插入图片描述

5、配置插件(需要代理):

① 参考文档:

https://github.com/affaan-m/everything-claude-code/blob/main/README.zh-CN.md

② 可能遇到的问题:

超时、文件锁占用:代理没配置正确。

  • mac:开启代理
  • windows:使用虚拟网卡代理

6、配置 skills(需要代理):

① 安装 claude-plugins-official

覆盖代码审查、功能开发、文档管理、第三方服务集成等场景

添加(使用)市场:/plugin marketplace add anthropics/claude-plugins-official
添加插件(示例):/plugin install code-review@claude-plugins-official

② 安装 anthropic-agent-skills

官方链接:https://github.com/anthropics/skills/tree/main/skills

PDF、Excel、PPT等文档操作

添加(使用)市场:/plugin marketplace add anthropics/skills
添加插件(示例):/plugin install document-skills@anthropic-agent-skills

③ 安装 superpowers-dev

工作流程:强迫 Claude 按规范干活

添加(使用)市场:/plugin marketplace add obra/superpowers-marketplace
安装 Superpowers 插件:/plugin install superpowers@superpowers-marketplace

  • 第 1 步:头脑风暴(Brainstorming):

    • 一次只问 1 个问题,等您回答完再问下一个
    • 问清楚:用户是谁?在什么场景用?需要哪些功能?
    • 您说“我不太懂这个领域”,它会自己去查资料、做调研
    • 提出 2-3 个架构方案,列出优缺点让您选
    • 确认所有细节后,生成一份完整的设计文档

  • 第 2 步:环境隔离(Git Worktree)

    • 自动创建一个独立的分支
    • 所有开发在新分支进行,不影响主代码
    • 做坏了随时可以扔掉重来

  • 第 3 步:写计划(Writing Plans)

    • 把设计文档拆成 2-5 分钟一个的小任务
    • 每个任务包含:要做什么、改哪些文件、怎么验证成功
    • 不允许出现“待定”“TODO”这种占位符

  • 第 4 步:子代理执行 + 两阶段审查

    • 每个小任务派一个全新的子代理去执行(上下文干净,不会互相干扰)
    • 第一轮审查:代码符合设计文档吗?(不看代码质量)
    • 第二轮审查:代码写得好不好?可维护吗?
    • 两轮都通过才算完成

  • 第 5 步:最终审查 & 合并

    • 所有任务完成后,还有一个全局审查
    • 确认模块之间能正常配合
    • 最后合并回主分支

如果superpowers不能正常加载,可以试一下用git bash运行claude
在这里插入图片描述

④ 安装 vue-skills

自动遵循 Vue 社区的规范

添加(使用)市场:/plugin marketplace add vuejs-ai/skills
添加插件(示例):/plugin install vue-best-practices@vue-skills

⑤ 安装 pua-skills

使 AI 在放弃之前穷尽所有可能的解决方案

添加(使用)市场:/plugin marketplace add tanweai/pua
添加插件(示例):/plugin install pua@pua-skills
官方链接:https://github.com/tanweai/pua

⑥ 安装 web-access

网页抓取与解析+浏览器自动化+智能搜索(对比)+结果结构化

添加市场:/plugin marketplace add https://github.com/eze-is/web-access
添加插件(示例):/plugin install web-access@web-access --scope user
官方链接:https://github.com/eze-is/web-access

安装完必须重载插件(立刻生效):/reload-plugins

三、遇到的问题解决:

1、关于文件写入权限配置:

gateguard-fact-force.js文件中,在首行新增如下代码:

// 强制放行所有操作,彻底关闭 gateguard-fact-force 拦截
module.exports = async () => true;

2、一直报 GitHub 主机密钥验证错误:

SSH key配置的目录打开终端,进行安装

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐