不知道大家最近有没有发现国外的很多AI都在挤破脑袋想去提升大模型的编程能力,
离我们最近的是上周Openai 发布的全新模型GPT-4o-Canvas,
拥有超强的代码编写能力。
另外还有LlamaCoder、Cursor、Claude artifacts、Replit...
光是今年一年就推出了好几款编程类的大模型/工具。
那今天我们要讲的就是在几天前国外火出圈儿的一个AI web编程工具,Bolt.new,
和一个由国内北大团队研发的AI工具,码上飞CodeFlying。
Bolt.new 是由 StackBlitz 推出的一款在线开发工具,无需搭建本地环境,即可在浏览器中构建、运行、编辑和部署全栈应用程序。
-
它的一个核心技术叫做WebContainers 技术,有了这个东西用户就不用配置开发环境了,可以直接在浏览器中运行全栈的 Node.js 环境,有点类似于一个轻量级的操作系统。
-
另外就是Bolt new它提供了一个叫做一键部署功能,支持将应用部署到他们自己提供的云服务器上,同时集成自动错误检测和修复机制。
-
它最厉害的地方可能就是可以直接在浏览器中编写、运行、调试和部署应用。
-
同样Bolt new和llama coder,claude artifacts一样都有一个沙盒,可以去preview生成的应用。
-
相较于replit 支持flask,python,streamlit应用,不支持react,内置数据库连接,而bolt支持js大多数技术,速度更快,其他不支持,需要自行连接数据库。
我们再来看看CodeFlying
CodeFlying是国内首发的文生软件平台,能够通过一句话直接生成一个端到端的应用程序。
在之前的文章中我们也测评过CodeFlying和LlamaCoder的实际效果,
感兴趣的小伙伴可以传送过去看一下:
Meta号称替代程序员的LlamaCoder效果被CodeFlying秒杀,来看实测!-CSDN博客
既然如此Bolt.new和CodeFlying到底都能做什么呢?
理论上来说Bolt new能开发的东西很多,只要是能通过它提供的技术栈来开发的应用都可以实现。
它能做的事情可以用Prompt, Run, Edit, Deploy(提示、运行、编辑和部署)这四个词来表示。
-
直接在平台上通过Prompt快速生成代码,AI 会根据提示生成符合要求的代码片段或项目结构。
-
完成代码后,可以在浏览器中Run代码,看到实际效果。
-
提供了代码的Edit功能,用户可以对生成的代码进行修改和优化。
-
Deploy功能可以将一键将应用发布到线上,并且不用单独去配置服务器。
目前Bolt.new平台集成了比较流行的全栈开发框架、库、工具。
Astro
Vite
Next.js
NativeScript
Nuxt.js
Slidev
Vue.js
Svelte
Remix
TypeScript
React
Remotion
可以直接在平台上调用这些语言去开发应用。
而CodeFlying能做什么呢?给大家先放上一个用CodeFlying生成的BUG管理系统的demo看一下,后面会有开发其他应用的具体实测哦。
开始实测~
Bolt.new实测开发一个官网:
我们先来试一下用Bolt.new开发一个官网
我输入的提示词是“请你帮我开发一个官网首页,标语为KuaFuAI 跨越时代 奔赴未来。配色以黑色为主,凸显高级感”
可以看到默认语言其实是英文的,只有我标注出来的大标语是中文,
另外就是这个官网其实是一个静态页面,整体的风格比较偏朴素,
接下来我们去试着完善一下这个官网。
这里我告诉他把除了KuaFuAI这个词以外的内容全部调整成了中文。
再让他帮我把原来的黑色编辑替换成了一张有科技感的背景图,这个效果也是可以的。
当然这只是一个静态的页面,没有任何的交互和路由,所以后续我又尝试让他帮我把关于我们,产品服务,以及联系我们的页面生成了出来,这里就不过多展示了,也是几个静态页面。
如此看来通过分段式的操作一步步的确是能够让Bolt.new制作出一个简易的官网的。
接下来试一下看看能不能将需求集中到一次对话去完成开发任务
这次我直接将整个开发对话的过程全部记录了下来
那可以看到在视频的最后,AI告诉我已经把官网生成了出来,但是在preview应用的时候等了半天也没出来,似乎是宕机了...
但是从它的项目框架上来看整体的结构还是比较清晰的,不知道为什么运行不起来,可能是我网络的问题?
CodeFlying实测开发一个CRM系统
我们再来试一下用CodeFlying开发一个应用,我告诉他我想开发一个CRM管理系统,并且需要配备客户分层、商机跟进、沟通管理的功能。看看能不能跑出来。
可以看到在我提出了需求之后,CodeFlying的AI就直接给我提供了一个解决方案:“CRM商机管理”,并且在方案的说明中也提到了我的需求。
然后他就直接去设计应用的页面结构、业务逻辑等内容了。
在我确定好对页面的结构和功能没有调整了之后,CodeFlying的AI去调用了3个Agent分别设计产品的需求文档、产品的测试用例以及架构设计文档。
到这里整个应用其实就已经开发完成了,下面给大家奉上我跟CodeFlying的AI对话全过程。
再来看一下这个应用的实机演示
虽然对这个两个工具测试的不是同一个需求,不过我们从结果上也不难看出,Bolt.new具备比较优秀的分段式开发应用的能力,但是当将一个复杂一些的需求抛给他的时候,可能就有点接不住了。
相比之下,我们给CodeFlying抛出的是一个比较宽泛的需求,但通过他们三个Agent能够自己把我提出的宽泛的需求进行梳理然后罗列出具体的页面布局、结构和功能。
并且将前端到后端全部都设计了出来,真正是做到了一步到位的功能。
更重要的是这个生成出来的CRM系统是可以直接落地去使用的,
那对于小白或者说是没有技术基础的人来说可以非常高效的用CodeFlying去实现自己的第一个项目。
对了,当应用开发完毕之后,还可以直接下载打包应用的前后端源代码以及相关的产品技术文档。
总结
简单总结一下本次测评,从功能上来看Bolt.new确实比较适合pm这类有点技术基础的用户,写项目结构的能力也很不错,但是在生成一个复杂且功能完整的应用上就有点逊色了。
而码上飞CodeFlying则更适合没有基础技术(小白群体)的用户,因为CodeFlying基于私有的沉淀数据和Agent能力的加持,可以直接识别用户的复杂需求,开发出一个端到端的可落地的且功能完整的应用程序。