CodeBuddy 智能体 Craft 解决困扰我多年的跑步页面汇总

近几天听说了 CodeBuddy 的智能体 Craft ，可以通过自然语言进行编程，最近在对我的跑步网页进行改版，借此机会进行了 CodeBuddy 智能体 Craft 的初体验。官方网站：https://copilot.tencent.com

CodeBuddy

CodeBuddy 的安装

这里我是使用的 Visual Studio Code ，本地已经安装了 Visual Studio Code，如果没有安装的话请安装提示进行下载Visual Studio Code 并进行安装。

如下图所示 点击 在 Visual Studio Code 中安装

之后打开Visual Studio Code 并，弹出 腾讯云代码助手 CodeBuddy 点击 Install 进行安装。

插件安装完成后，还需要扫码登入腾讯云账号。登入完成后，就可以利用CodeBuddy 的智能体 Craft 进行自然语言写代码了。

点击左侧的 CodeByddy

如下图所示，默认就是打开 CraftCraft 模式。输入需求，进行代码生成/修改。

我这里的需求是，我目前的跑步汇总页面很简陋，如下图，我要在本项目的汇页面上，根据 https://github.com/geekplux/activities/blob/master/src/components/GroupBar/index.jsx 生成漂亮的柱状图，包括年度、月度、次数，热力图等

可以看到，CraftCraft 开始进行思考并进行代码的生成了，需要人工选择是否接受代码的生成或者修改。这里当然选择接受了。

之后进行预览，效果很惊艳，如下：

尤其是热力图：

是非常的惊艳。

当然这不是一次就搞定的，经过多次跟他沟通，比如y坐标的数据从上到下是递增的改成从上到下递减，月度数据的 x坐标轴的数据非常密集，进行修改。

总之，所有的代码都是通过资源语言跟 Craft沟通完成。

x坐标数据缺少，下间距过大等。都是经过多次自然语言沟通，比较满意的页面也是作品页面：

https://steps.liups.com/summary

@CodeBuddy 官号 +添加 #AI 编程 #腾讯云代码助手 话题～