编辑器AI工具(vscode+claude)

An_s2026-05-05 22:38

前言

这篇文章将AI的东西快速入门

开始

这个要钱的哦，对接的是第三方模型(小米、deepseek)，所以要钱~

然后你还要自己找一下prompt，比如

复制代码

用【Vue3/React】+【TS】+【Tailwind CSS/Element Plus/Ant Design】生成【组件名称，如：登录表单/商品卡片/分页组件】，要求：
1. 包含【具体功能，如：表单校验/分页切换/hover 动效】；
2. 支持【自定义属性，如：自定义颜色/尺寸/回调函数】；
3. 带完整 TS 类型定义、详细注释，符合 ESLint 规范；
4. 适配移动端响应式，兼容主流浏览器；
5. 输出完整可运行代码，复制就能直接导入项目。

效果图如下：

1.vscode插件安装claude

插件-搜索-claude

2.然后下载一个cc_swith工具【这个工具切换模型很方便】

小米模型管理后台获取appkey

deepseek模型管理后台获取appkey

都是要钱的~~~，这个看个人哈。

后面我们会搭建本地模型【但是吃电脑性能，正常来说基本就是搭建本地模型来玩】

使用教程：添加 - 填写app key - 保存

3.配置.claude

C:\Users\xxx\.claude\config.json 没有就新建这个文件

填写

javascript 复制代码

{
  "primaryApiKey": "any-string-is-ok-here"
}

4.进行测试