CrabNote螃蟹笔记

伊登:用Codebuddy的GPT-5,vibe coding并上线个 Web AI应用

伊登:用Codebuddy的GPT 5,vibe coding并上线个 Web AI应用 ✅ 伊登:用Codebuddy的GPT 5,vibe coding并上线个 Web AI应用 Modified August 11, 2025 No access 8月10日 00:00 产生了一套请求与返回的结果,方便我们直接拿着这套示例给到AI,帮我们写出功能函数的代码 可以让AI先给我们写一个api测试用例,把功能跑起来再说,然后再去做嵌入 没得问题,继续把功能写入开始转换的逻辑里 呦西成功跑起来了,赶紧把代码publish到CloudStudio上,这样就能一键部署了 就这么简单,你就可以在公网上,访问到你自己亲手(或者说,亲口)做出来的Web应用了 (因为扣子工作流的调用token成本确实有点高,所以暂时没法把网址贴出来给大家随便用。 不过感兴趣的朋友可以随时私聊我体验!) 后面我还会继续给项目加上支付功能、视频模板配置等等... 好了,到这儿项目就已经算正式上线了。我没有敲一行代码, 花了一个下午加一个晚上的时间,最多的动作就是动嘴和动鼠标去“调试”,哦对,还有写这篇教程。 下面是我这次玩下来,几个最切身的感受: 1. 选模型这事儿,我的体感是,现阶段用Codebuddy编程,主流还是推Claude 4.0。 它速度够快,效果也稳。GPT 5刚出来,用的人太多,经常得排队。最关键的是,我感觉GPT 5容易把项目引入一个死循环,然后直接失败,不知道是不是我工程的问题。 2. 开发项目,一定要“渐进式”。 你得一个功能点一个功能点地去完成。就算你把一整个PRD(项目需求)都喂给AI,也一定要嘱咐它:“一步一步慢慢来,每一步完成之后都让我测试一遍。” 3. 版本管理!版本管理!版本管理! 我用的是Github Desktop,这玩意儿是你的救命稻草。否则项目一旦被AI改乱了,你真是叫天天不应,叫地地不灵。虽然这次我运气好,一次都没需要回退,但我也老老实实地完成了十次git push。(这都是因为以前被害惨了,血的教训!) 最后的体验感觉还是相当不错的。腾讯云这套开发套件,真的把运维的难度降到了最低, 开发和上线一步到位,太方便了 我觉得未来会有更多的云厂商入局AI coding, 到时候再把编码能力本身提一提,那就是真正的IDE大杀器了。 感谢你耐心看到这里!如果这篇文章对你有帮助,请别忘了点赞、在看、转发三连哦! 也欢迎星标我的公众号「伊登AI」,第一时间获取最新AI工具评测和实用技巧 个人 ⭐ Yeadon(伊登)的个人说明书 主页 ⭐ Yeadon(伊登)的个人说明书 No access 8月10日 00:00 No access 8月10日 00:00 产生了一套请求与返回的结果,方便我们直接拿着这套示例给到AI,帮我们写出功能函数的代码 可以让AI先给我们写一个api测试用例,把功能跑起来再说,然后再去做嵌入 没得问题,继续把功能写入开始转换的逻辑里 呦西成功跑起来了,赶紧把代码publish到CloudStudio上,这样就能一键部署了 就这么简单,你就可以在公网上,访问到你自己亲手(或者说,亲口)做出来的Web应用了 (因为扣子工作流的调用token成本确实有点高,所以暂时没法把网址贴出来给大家随便用。 不过感兴趣的朋友可以随时私聊我体验!) 后面我还会继续给项目加上支付功能、视频模板配置等等... 好了,到这儿项目就已经算正式上线了。我没有敲一行代码, 花了一个下午加一个晚上的时间,最多的动作就是动嘴和动鼠标去“调试”,哦对,还有写这篇教程。 下面是我这次玩下来,几个最切身的感受: 1. 选模型这事儿,我的体感是,现阶段用Codebuddy编程,主流还是推Claude 4.0。 它速度够快,效果也稳。GPT 5刚出来,用的人太多,经常得排队。最关键的是,我感觉GPT 5容易把项目引入一个死循环,然后直接失败,不知道是不是我工程的问题。 2. 开发项目,一定要“渐进式”。 你得一个功能点一个功能点地去完成。就算你把一整个PRD(项目需求)都喂给AI,也一定要嘱咐它:“一步一步慢慢来,每一步完成之后都让我测试一遍。” 3. 版本管理!版本管理!版本管理! 我用的是Github Desktop,这玩意儿是你的救命稻草。否则项目一旦被AI改乱了,你真是叫天天不应,叫地地不灵。虽然这次我运气好,一次都没需要回退,但我也老老实实地完成了十次git push。(这都是因为以前被害惨了,血的教训!) 最后的体验感觉还是相当不错的。腾讯云这套开发套件,真的把运维的难度降到了最低, 开发和上线一步到位,太方便了 我觉得未来会有更多的云厂商入局AI coding, 到时候再把编码能力本身提一提,那就是真正的IDE大杀器了。 感谢你耐心看到这里!如果这篇文章对你有帮助,请别忘了点赞、在看、转发三连哦! 也欢迎星标我的公众号「伊登AI」,第一时间获取最新AI工具评测和实用技巧 个人 ⭐ Yeadon(伊登)的个人说明书 主页 ⭐ Yeadon(伊登)的个人说明书 我利用Codebuddy的GPT 5不敲一行代码开发了个 Articles2Video的 Web应用,并且上线,我将完整的记录从0到1的全程 请看演示VCR: 本次利用的是腾讯云开发 利用腾讯云开发官方 的一句话来讲就是: CodeBuddy + 云开发 = 几分钟内从想法到上线的全栈应用 正巧最近接入了GPT 5,抓紧上车体验 动手之前,得先准备几件事(主打一个白嫖): 1. 开通云开发:进去直接领免费套餐。 2. 整一个CodeBuddy:去官网填个问卷拿邀请码,第二天短信就发到手机上了。 3. 装个Node.js:这个是必须的,后面要用npm指令。 开发环境https://docs.cloudbase.net/quick start/create env 环境配置跟着官方文档走就行,我们要的是方式二那种,能拿到一个免费的开发套餐。 可以获得一个免费的开发套餐 接着我们到codebuddy的官网https://www.codebuddy.ai/ 依次点击Download the IDE 以及 Get Invitation Code 进行IDE的下载以及邀请码的获取 邀请码获取需要你提交一份问卷,然后写好手机号码,第二天就会收到激活码短信啦 配置 CloudBase 工具套件 接着我们需要准备目前的开发环境 可以通过两种方法: 方式一:使用项目模板 选择预配置的项目模板,开箱即用: 📦 查看所有项目模板 这里面有各种项目的模板,方便你直接上手使用 📦 查看所有项目模板 https://docs.cloudbase.net/ai/cloudbase ai toolkit/templates 模板项目已包含 .rules/ 目录,无需手动配置 AI 规则,可以直接开始开发。 方式二:现有项目集成 在已有的环境下, Craft 模式下对 CodeBuddy 说: 如果只想下载 CodeBuddy 相关的配置文件,避免项目文件混乱,可以指定: 最后我们要确认一下开发环境 这里我们因为需要用到npm指令,所以需要node.js 登录node.js官网https://nodejs.org/zh cn 安装 Node.js v18.15.0 及以上版本 下载完后可以在终端设置一下镜像源,提高npm下载的速度 然后我们就可以在输入框输入: AI就会自动的去部署和管理云开发服务 OK,万事俱备开始Vibe coding 项目初始化,我也是直接下载了 Vue的模板 下载后是个压缩包,解压后直接导入codebuddy 然后在src/uutils/cloudbase.js配置一下云开发的环境id 目前 Codebuddy 已经全面支持 GPT 5的全面模型, 直接就是一整个爽,果断选择目前code天花板 登录云开发后开始输入需求(主要是构建一个Saas着陆页) 最好的交互方式是让他一个个功能点去完成,每次完成一个功能点就进行一次测试 Codebuddy还可以在执行的过程中通过建议的方式进一步优化 不断和AI沟通拉扯,终于完善第一版本的界面 在本地测试没问题后就可以上线试试,记得要先在设置 集成里把cloudbase给打开 很快就帮你部署上线了 线上生产环境也没问题了 ,继续来优化注册、登录以及功能页面 接着就来到了实际功能,为了更加快捷地上线功能,我利用了扣子开发一套工作流,这样开发具体功能非常 丝滑,不管是调试或者是上线。 这个案例是我的书上的一个章节,感兴趣的可以去看看 我们利用扣子API的页面,把个人令牌token 工作流id 以及输入的参数值填入