TCB丨AI ToolKit学习项目 #AI代码远征季

Part1、缘由

6月份跟着腾讯云CloudBase团队的公开直播学习了下，AI时代的编程新范式，即Vibe Coding，是一种依赖人工智能的编程实践，开发者通过自然语言提示与大型语言模型（LLM）对话，描述问题并生成代码。

以下文章由真AI开发小白，结合直播内容和项目文档一步一步完成，希望可以对大家的学习有所参照。

Part2、学习

具体内容大家如果想要也同步学习的话，可以点击下方链接进行学习：

AI ToolKit 开源仓库地址：

GitHub地址：https://github.com/TencentCloudBase/CloudBase-AI-ToolKit/

CNB地址：https://cnb.cool/tencent/cloud/cloudbase/CloudBase-AI-ToolKit/

视频合集·AI ToolKit：

https://space.bilibili.com/447496276/lists/5766239/

学习完成后也可以试着参加一下活动

AI 代码远征季 | 带上「CloudBase AI ToolKit」征服后端宇宙：

https://cloud.tencent.com/developer/article/2528801/

Part3、实操

学习之后然后就是实操环节了，行动起来，实操是检验学习成果最好的途径了。我的需求是想做一个类似于社区一样的小程序，内容是把日常做的饭菜拍照分享到小程序社区中，然后实现类似升级打怪，门派修行之类的互动社区，然后会根据社区玩家的打卡给予一定的荣誉如”徽菜大师“，”湘菜高手“这样最终大家每年参加”天下第一厨道会“争夺”天下第一“这样的名头的游戏社区，会借助AI强大的能力完成开发。这个等后面熟悉了再做；

探索了一下发现其实不是那么容易，遂决定还是先从模仿项目开始学习吧，于是决定来复刻下第一天直播的双人对战的五子棋项目，五子棋的项目文档我也拿过来了，方便使用和学习；

五子棋实时联机对战-开发文档：

https://github.com/TencentCloudBase/awesome-cloudbase-examples/tree/master/web/gomoku-game/

3.1、开发环境配置

首先可以按照 CloudBase AI ToolKit 快速上手指南 准备好 AI 开发环境。

快速开始指南 | 腾讯云开发 CloudBase - 一站式后端云服务：

https://docs.cloudbase.net/ai/cloudbase-ai-toolkit/getting-started/

准备好之后正式开始：

第一步：下载Cursor，安装MCP，这里根据文档，选择“一键安装”非常方便

然后等待系统加载，之后点击打开

然后转到Cursor中点击Install

然后翻车了，0个工具可以用，别慌，接着翻阅文档，打开常见问题FAQ文档，发现是Node版本的问题

按照文档简简单单，感谢官方的优质文档，搞定了。

又又出现问题了，不知道怎么解决，不想费时间死磕，决定换个工具

换成VS Code了，安装了Chinese插件和CodeBaby插件，很快就可以了正式登录环境了，接下来还是正式开发

至此，正式进入环境开始开发

3.2、开发过程记录

3.2.1、根据提示词的阶段一：项目需求描述

3.2.2、根据提示词的阶段二：界面设计要求

3.2.3、根据提示词的阶段三：游戏功能实现

3.2.4、根据提示词的阶段四：数据存储和实时同步

3.2.5、根据提示词的阶段五：

3.3、正式部署上线

Part4、反思

本次AI ToolKit就到这里了，虽然在开发过程中遇到了很多问题，比如开发环境配置中的问题，版本问题，还有云函数的部署问题，但最终都可以在AI ToolKit的强大能力面前被攻克，这次体验到了AI Coding的强大能力，通过自然语言描述需求来进行开发，将会快成为未来的主流的开发范式，未来每个人都能够借助AI成为开发者，创造出各种新奇的应用出来。很荣幸和可以了解到TCB的AI TookKit这个强大的工具，希望未来能够支持更多的场景，可以更加快捷的开发和部署应用，我对此充满期待。