[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fW6kcgqcnjKYwhdCOwe_GqJks71v6DGqFR3UPHasFgaA":3},{"code":4,"message":5,"data":6},200,"成功",{"id":7,"createdAt":8,"title":9,"content":10,"summary":11,"image":12,"uid":13,"user":14,"categoryId":21,"category":22,"subCategoryId":24,"subCategory":25,"comments":27,"status":17,"reason":28,"notice":28,"visitCount":29,"commentCount":30,"keywords":31},175,"2025-12-07T08:08:55.157Z","使用工具构建一个简单的AI coding代码编程助手","这篇文章介绍一下如何在visual studio code中去构建一个简单的ai代码辅助编写工作流，通过免费赠送的额度就可以体验一下ai coding。\n\n这篇文章旨在利用工具，并非从头到位开发一套AI agent，重在使用工具上。\n\n\n## 必备基础\n- 1. Visual Studio Code：咱们通用的代码编辑神器，本篇文章依赖该编辑器，请下载安装好。\n- 2. 注册硅基流动账号\n\n## 一、硅基流动部分\n硅基流动是一个整合了众多大模型的API调用服务平台，在这个平台上，你可以通过充值的方式，选择某一个模型，去处理对应领域的AI需求。\n\n之所以我选择这个平台，只是因为它对于新用户提供了14元人民币的免费额度，我就是想免费白嫖体验一把，所以目前的情况下，新注册用户确实可以获得14元这个免费额度，来体验这篇文章中的流程。\n\n官网地址：[https://www.siliconflow.cn/](https://www.siliconflow.cn/)\n\n### 1.1 注册成功后可以在 账户管理-> 余额充值的地方看到当前的余额\n![硅基流动余额](https://image.xinwei.ltd/image1765092901992.png)\n\n### 1.2 然后我们可以在模型广场，去找一个便宜的大模型使用一下：\n![deepseek大模型](https://image.xinwei.ltd/image1765093036081.png)\n\n### 1.3 如上图所示，我选择了红色框的大模型，点击\n![硅基流动模型](https://image.xinwei.ltd/image1765093138567.png)\n\n> 上面截图中的大模型名字右侧有一个复制图标，点击可以复制大模型名字，后面会用到。\n\n### 1.4点击“API文档”，打开了API调用接口目录，注意下面截图中的红色框中部分\n![硅基流动大模型API文档](https://image.xinwei.ltd/image1765093263910.png)\n\n### 1.5 创建一个API key\n在目录 账户管理 -> API密钥部分，你需要新建一个密钥，这个是我们调用相关API接口的凭证。\n![硅基流动的密钥](https://image.xinwei.ltd/image1765093965110.png)\n\n生成成功后，可以点击复制密钥，后面会用到。\n\n### 1.6 总结\n从这个部分，我们获取到2个信息：\n- 1. 大模型名称：\n```大模型名称\ndeepseek-ai/DeepSeek-V3.1-Terminus\n```\n- 2. 大模型API base url\n```api base url\nhttps://api.siliconflow.cn\n```\n- 3. API 密钥\n```密钥字符串\nsk-dmxxxxxxxxxxxxxxxxxxxxxmo\n```\n\n## 二、Visual Studio Code部分\n我们要借助一个第三方的扩展，相信对于经常使用vs code的小伙伴，在vs code中添加扩展是很简单的。\n\n这里我们需要安装`Cline`扩展，这个扩展有着强大的集成功能，方便我们配置大模型的调用，很容易直接使用。\n\n### 2.1 下载安装Cline扩展\n扩展中搜索`Cline`，直接安装：\n![vs code cline](https://image.xinwei.ltd/image1765093722481.png)\n\n安装之后，左侧功能区就会出现Cline的机器人图标入口。\n\n### 2.2 配置Cline\n点击左侧的Cline进入到扩展的配置区\n![cline配置](https://image.xinwei.ltd/image1765094138143.png)\n截图中已经有明显几处我已经配好的部分，你们可以根据第一部分获取到的3个信息，就可以完成选择或者填写。\n\n配置你们应该不会有问题吧，如果有问题，可以评论区留言。\n\n### 2.3 开始让AI工作\n![cline ai工作](https://image.xinwei.ltd/image1765094399264.png)\n\n从上面的截图，你可以在对话框中，输入你想让ai做的事情，当你把详细的功能告诉它之后，它可以在工作区中新建文件、写入代码，当然在新建文件的时候，会话框会弹出确认按钮，当你确认之后，ai会继续在创建的文件中写入代码。\n\nai也会根据你的输入，读取你工作区的代码文件，理解上下文后，开始新代码逻辑的编写。\n\n当然整个过程可能会花个几分钟的时间，但是对于让AI理解你的代码逻辑是十分有益的。\n\n当新的业务逻辑代码被AI创建后，你可以运行工程或者代码文件，检查是否有问题或者符合你的要求。\n\n### 2.4 题外话\n当你的硅基流动的免费额度用完之后，你可以选择充值，或者直接去deepseek、chatgpt等平台去申请密钥，然后不通过硅基流动也是可以的，具体选择取决于你。\n\n至此，文章结束，希望对有的小伙伴有帮助。\n\n\n\n\n","这篇文章介绍一下如何在visual studio code中去构建一个简单的ai代码辅助编写工作流，通过免费赠送的额度就可以体验一下ai coding。","https://image.xinwei.ltd/image1765092901992.png",499668042977349,{"phone":15,"userId":13,"nickName":16,"vipType":17,"avatar":18,"sign":19,"createdAt":20},"13121171998","全栈老韩",1,"https://image.xinwei.ltd/images/IMG_5430.JPG","全栈工程师，擅长iOS App开发、前端（vue、react、nuxt、小程序&Taro）开发、Flutter、React Native、后端（midwayjs、golang、express、koa）开发、docker容器、seo优化等。","2024-01-01T16:14:30.305Z",2,{"id":21,"name":23},"IT技术",40,{"id":24,"name":26,"parentId":21},"AI",[],"",31,0,"ai coding, ai cline, ai vscode, ai siliconflow, deepseek ai, siliconflow, vscode extension,Ai 代码编写,Ai 代码工具, AI编程工作流,硅基流动"]