一、内测申请

核心功能速览:https://mp.weixin.qq.com/s/sO3Npl-bTPCZJQkJqShuww
在这里插入图片描述

在以下地址填写问卷
https://wj.qq.com/s2/22240515/0ac5/
每天会审核发放激活码,通过短信形式通知。如果好几天都没收到,可以看下垃圾箱是不是被拦截了

二、快速上手

1、常用环境安装

1)python

直接安装miniconda,下载地址:https://mirrors.tuna.tsinghua.edu.cn/anaconda/miniconda/Miniconda3-latest-Windows-x86_64.exe
安装时记得勾选这两项
在这里插入图片描述

打开cmd,执行以下命令安装一下uv

pip install uv -i https://pypi.tuna.tsinghua.edu.cn/simple/

2)nodejs

官网地址:https://nodejs.org/zh-cn
安装时一路下一步即可,没有要注意的。

3)git

下载地址:https://git-scm.com/downloads
安装时一直下一步即可,没有要注意的。

2、开发环境安装

访问官网进行下载:https://www.codebuddy.ai
在这里插入图片描述

3、打开并进行基础配置


在这里插入图片描述

根据习惯,导入vscode或者cusor配置,如果你都没有,就选择skip
在这里插入图片描述
在这里插入图片描述

可以选择注册账号,也可以用谷歌账号注册
[图片]

注册地随便选一个就行
[图片]

[图片]

登录完,直接把腾讯发来的激活码粘贴进去
[图片]

打开之后的页面如下所示
[图片]

4、创建一个项目

找个地方新建一个文件夹,存放代码,并将文件夹拖拽到开发环境打开
[图片]

选择要使用的模型,这三家模型都不错,可以先选一个,效果不好再换
[图片]

选择完后,直接提需求,让他自动编程即可
[图片]

任务完成后,会有弹框提醒
[图片]

可以让他运行一下,他会根据你电脑已有的环境帮你运行
[图片]

运行完的界面如下所示
[图片]

5、代码回退

如果AI完成了某个大模块,记得要用git打版本标签,方便以后回退,以免AI越改越乱
输入内容:

帮我用git打一个版本标签,版本号为v1.0.0

[图片]

我们接着随便让AI添加一些功能,添加完后,可以输入:

帮我回退到v1.0.0版本

[图片]

三、扩展功能

1、Figma

Figma 是一款专为设计师和设计团队量身打造的协作式 UI 设计工具。我们可以通过Figma设计出来的UI,导入到CodeBuddy中进行实现。
单击Figma按钮,打开网站。需要注册登录。
[图片]

登陆完成后,我们任选一个模板,单击进入。也可以选择自己设计的模板。
[图片]

点击一下Try Now
[图片]

选择一个想让AI写出来的模板,选择完后,会自动出现在对话框
[图片]

然后发送就可以了,也可以自己加一些补充需求
[图片]

最后就可以看到AI设计的页面了。目前还原度不是很高,只适合一些比较基础的UI界面
[图片]

2、components组件

[图片]

1)TDesign Components

官网:https://tdesign.tencent.com/
腾讯家自己的 UI组件库,有 PC 端、移动端、小程序组件,整体感觉现代、简约风格,支持 vue、React、小程序、QQ 小程序。
[图片]

2)MUl Components

官网:https://mui.com/
Material-UI(现在更名为 MUI)是一个基于 Google Material Design 设计规范构建的 React UI 组件库,核心是一个 React UI 组件库,专为 React 应用构建的组件库。
[图片]

3)Shadcn Components

官网:https://www.shadcn-svelte.com/
颜色没有那么的丰富,看起来比较简洁和极简,使用自定义和扩展比较方便
[图片]

3、配置集成

[图片]

可以直接数据库进行配置,存储数据,不用自己再去做后端那一套。可以选择 Supabase 和 Tencent CloudBase 两个数据库。
[图片]

1)注册Supabase

我们以Supabase作为演示,点击管理。然后注册一个账号
[图片]

[图片]

去邮箱里验证一下
[图片]

使用免费的套餐就行。
[图片]

[图片]

操作完成后,就可以在CodeBuddy中登录啦
[图片]
[图片]

2)新建一个数据库项目

[图片]

项目名称和密码自行设定
[图片]

然后绑定一下项目
[图片]

[图片]

[图片]

[图片]

[图片]

3)运行测试

发送需求:

帮我抓取当天的热点新闻,做一个网页,并存储到数据库中

编写完后,会自动运行,如果没有自动运行,也可以手动运行一下
[图片]

[图片]

运行成功后,接下来我们访问Supabase官网,查看一下数据是否存储了:https://supabase.com/dashboard
[图片]

[图片]

4、配置MCP

[图片]

MCP,全称是Model Context Protocol,模型上下文协议,由Claude母公司Anthropic于去年11月正式 提出。MCP是一种技术协议,一种智能 体Agent开发过程中共同约定的一种规范。

1)配置MCP服务

[图片]

可以添加魔搭社区的mcp服务https://www.modelscope.cn/mcp
注册一个账号
[图片]

这里以Fetch网页内容抓取的mcp为例
[图片]

有两种方式,第一种是用modelscope的mcp服务,好处是更稳定一些,坏处是每天有次数限制,一般也够用了。
设置一下有效期,然后点击连接。然后就可以复制配置文件了。
[图片]

[图片]

第二种方式是使用原生的mcp服务,我们可以在详情页找找有没有配置方法,uvx或者pip都可以
[图片]

然后把复制的配置,直接粘贴到CodeBuddy中
粘贴的时候注意一下花括号,最外面的花括号不要动
[图片]

配置完后,稍微等一会,等环境自动下载安装mcp服务之后,重新打开mcp,就可以看到多了一个服务
[图片]

2)添加第二个mcp服务

我们再添加一个必应搜索的mcp
[图片]

我们找到详情页的配置,把里面bingcnmcp的内容复制出来,不要复制全部
[图片]

然后粘贴到CodeBuddy的mcp配置文件中,注意要在bingcnmcp之前加一个逗号
[图片]

添加完后,就可以显示出来第二个mcp服务了,后续添加mcp服务可以按照此方法进行
[图片]

3)测试mcp

输入命令:

帮我查找一下当天的热点新闻,并更新到网站上,并且点击之后能跳转到原网页

CodeBuddy就可以自动调用bing搜索,去查找内容并更新到网站上
[图片]

[图片]

5、其他功能

1)上传图片

[图片]

可以让CodeBuddy按照图片样式设计,也可以提取图片中的文字

2)预览

[图片]

如果为网页,可以点击此按钮实现网页效果的预览
[图片]

3)部署

可以将项目部署在Tencent CloudStudio或者EdgeOne Pages
[图片]

4)设计模式和计划模式

[图片]

[图片]

这个功能类似kiro的spec模式,trae的solo模式的功能。就是当你输入完功能,从需求分析、产品ui设计到代码实现三个纬度给你规划内容,最终生成详细的规划markdown文件。不过这个时间确实有点久,如果我们只是小功能的开发,还是建议选择普通的开发模式。

5)提示词优化

可以对当前的问题进行扩写和优化
[图片]

优化以后显得更专业更具体
[图片]

四、其他编程语言

1、python

无界面提示词参考如下:

用Python写一个[XXX]脚本,要求实现[XXX]功能并添加异常处理模块,确保代码正确性,能够处理运行时的错误并给出提示。

有界面提示词参考如下:

用Python写一个[XXX]脚本,要求用pyqt显示[XXX]内容,实现[XXX]功能并添加异常处理模块,确保代码正确性,能够处理运行时的错误并给出提示。

[图片]

一般运行时,会让安装python插件,我们安装一下即可。如果没有弹出,我们也可以手动在左侧安装ms-python和detachhead
[图片]

如果弹出以下窗口,忽略即可
[图片]

2、C#

这里以winform项目为例,我们手动在VS2022中创建一个项目
[图片]

创建完后,我们用CodeBuddy也打开这个项目
[图片]

然后就可以给CodeBuddy提需求让他添加功能了
[图片]

安装一下插件
[图片]

或者手动搜索muhammad-sammy.csharp安装
[图片]

编写完后,我们就可以回到VS2022中运行项目了
[图片]

3、java

打开IntelliJ IDEA,并创建一个java项目,java版本自行选择安装
[图片]

[图片]

创建完成后,用CodeBuddy也打开这个项目
[图片]

然后在CodeBuddy中提需求进行代码编写
[图片]

右下角弹出扩展安装,安装一下
[图片]

或者也可以在扩展中手动搜索安装vscjava.vscode-java-pack
[图片]

最后编写完后,就可以在IntelliJ IDEA运行项目了
[图片]

也可以在CodeBuddy中运行
[图片]

五、常用提示词

1、投标参数转化为页面

原始参数如下:
边缘端工业设备通过协议或透传接入,其中协议连接 方式应支持的工业协议:支持主流 PLC 系统驱动协议,包括但不 限于西门子、三菱、AB、欧姆龙、施耐德、松下、汇川、台达、 信捷、ELCO 等,以及部分支持标准 Modbus RTU、Modbus TCP 等协 议的 PLC 产品。基于网关协议及接口扩展能力,可以向下连接其 他控制系统、I/O 产品和传感器,进一步丰富扩展数据接入能力, 向上连接平台和数据使用者,完成数据的连接、整合和发布,除 网关厂家默认的协议方案之外,支持用户通过 Docker 灵活加装第三方软件和驱动程序,包括自定义数据通讯报文格式等。
优化后的提示词如下:
帮我写一个页面,实现以下功能,要求每个功能参数都要在页面上体现出来,可以分为主页面和多个二级页面实现。可适当丰富填充页面,不局限于参数的内容。页面设计的炫酷一些,工业风格,符合大屏展示,我的分辨率为1920*1080。
(1)边缘端工业设备通过协议或透传接入,其中协议连接方式应支持的工业协议:支持主流PLC系统驱动协议,包括但西门子、三菱、AB、欧姆龙、施耐德、松下、汇川、台达、信捷、ELCO,以及部分支持标准ModbusRTU、ModbusTCP等协议的PLC产品。
(2)基于网关协议及接口扩展能力,可以向下连接其他控制系统、I/O产品和传感器,进一步丰富扩展数据接入能力,向上连接平台和数据使用者,完成数据的连接、整合和发布
(3)除网关厂家默认的协议方案之外,支持用户通过Docker灵活加装第三方软件和驱动程序,包括自定义数据通讯报文格式等

2、负面限定

禁止出现一些模棱两可的内容,或者范围性的数据,每条数据必须精准可靠。

3、页面补充

xxx页面xxx模块不够具体,帮我丰富一下内容,填满页面,可参照xxx行业xxx标准来设计。

4、页面纠错

xxx页面xxx模块设计的不合理,xxx功能缺失/逻辑错误/显示残缺,应该达到以下效果:xxxx。

5、重点突出

帮我把xxx参数在页面上重点突出一下,要给专家评委来看,他们不懂技术,需要逐条核对。

6、大屏炫酷风格

帮我尽可能的美化这个页面,设计的炫酷一些,符合大屏展示,颜色风格以蓝黑色为主,我的屏幕分辨率为1920*1080

7、代码审查

检查项目代码中的潜在问题,按安全性、性能、可读性分类说明,帮助开发者提升代码质量,避免安全隐患和性能瓶颈。

Logo

助力合肥开发者学习交流的技术社区,不定期举办线上线下活动,欢迎大家的加入

更多推荐