开发益智小游戏之:将AI结合到开发工具并指挥开发

当前时间： 2026-08-15 10:39:30 分类：办公文件评论(0)

开发益智小游戏之:将AI结合到开发工具并指挥开发

大家好。我是阿龙，一个专注 AI 工具实战变现，分享能落地的 AI + 赚钱副业，用技术思维帮你轻松搞钱，关注免费领工具箱

现在来实操如何将AI结合到开发工具，让你不用写一句代码就开发好一个小程序

前篇：开发工具准备

1、安装Claude code

Q：Claude code 是什么？为什么要用安装这个？

A：Claude Code 是 Anthropic 推出的AI 编程助手，直接运行在你的终端/IDE 里。和普通的 AI 聊天不同，它能直接读写你的代码文件、执行命令、搜索代码库。

简单说：它不只是回答问题，而是直接帮你改代码、写代码、跑测试。

安装

打开命令窗口，输入以下命令即可安装

注意：如在安装中遇到任何问题，可以直接将报错信息发给豆包，豆包会指导你如何处理

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

执行完后，输入

claude -v

输出了版本号证明安装成功

2、配置模型

安装claude code相当于把AI的手脚装好了，现在要配置AI的大脑即“模型”

1 安装cc-switch：用来配置AI大脑

官网下载（如下载不了，可评论私发安装包）：https://www.ccswitch.io/zh/

下载后双击安装即可

2 配置模型：给AI接入大脑

购买模型（智普）

注册智普账号：https://open.bigmodel.cn/ 按照提示完成账号注册流程。

购买套餐：https://www.bigmodel.cn/glm-coding?ic=4SSSFTSXBJ

可按需购买

获取API key

https://bigmodel.cn/apikey/platform 点击按钮添加新的APIKey，复制备用。

3 使用cc-switch 给Claude code 接入大脑

打开cc-switch，点击右上角的加号，弹出以下添加新供应商界面

点击“添加”后展示如下

然后再“设置”打开以下开关

3、配置模型

打开VSCode 安装claude Code插件，注意得是Anthropic的

打开上篇安装好的cc-switch

点开右上角的的图标

在这个对话框输入要求即可让AI帮你写代码

打开一个空文件夹（将代码存放的位置）

在以下输入框即可开始指挥AI写代码了

在输入框输入“做一个中英文单词消消乐的网页版，需实现的功能点需询问我”

AI就会开始询问你需要怎样的消消乐小游戏，可实现定制化

选择好后点击确定，提交需求

开始工作：

创建好后claude Code会帮你打开网页，只需点击"Yes"即可

成果：

找到前面选择的目录，找到.html文件双击打开就会在浏览器打开

看到首页是不是感觉已经成功的

但是点进去一看发现，额，这是啥？全部都是盖上的，根本不知道里面是什么？？？

没事，不要慌，我们回到VSCode 直接在claude Code输入框输入存在的问题，claude Code就能帮你改好

不用几分钟就改好了

看看效果

已关注

关注

重播分享赞

在使用过程中遇到哪些需要优化或者有问题的，都可以直接用“白话”让Claude Code给你修改，直到满意为止。

想了解更多claude Code的使用技巧，关注公众号