国外火出圈儿的PM御用AI编程工具Bolt.new效果干不过国产的CodeFlying?号称全新定义全栈开发流程?

server/2024/10/11 3:07:05/

不知道大家最近有没有发现国外的很多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.newCodeFlying到底都能做什么呢?

理论上来说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管理系统,并且需要配备客户分层、商机跟进、沟通管理的功能。看看能不能跑出来。

可以看到在我提出了需求之后,CodeFlyingAI就直接给我提供了一个解决方案:“CRM商机管理”,并且在方案的说明中也提到了我的需求。

然后他就直接去设计应用的页面结构、业务逻辑等内容了。

在我确定好对页面的结构和功能没有调整了之后,CodeFlyingAI去调用了3个Agent分别设计产品的需求文档、产品的测试用例以及架构设计文档。 

到这里整个应用其实就已经开发完成了,下面给大家奉上我跟CodeFlyingAI对话全过程。

再来看一下这个应用的实机演示

虽然对这个两个工具测试的不是同一个需求,不过我们从结果上也不难看出,Bolt.new具备比较优秀的分段式开发应用的能力,但是当将一个复杂一些的需求抛给他的时候,可能就有点接不住了。

相比之下,我们给CodeFlying抛出的是一个比较宽泛的需求,但通过他们三个Agent能够自己把我提出的宽泛的需求进行梳理然后罗列出具体的页面布局、结构和功能。

并且将前端到后端全部都设计了出来,真正是做到了一步到位的功能。

更重要的是这个生成出来的CRM系统是可以直接落地去使用的,

那对于小白或者说是没有技术基础的人来说可以非常高效的用CodeFlying去实现自己的第一个项目。

对了,当应用开发完毕之后,还可以直接下载打包应用的前后端源代码以及相关的产品技术文档。

总结

简单总结一下本次测评,从功能上来看Bolt.new确实比较适合pm这类有点技术基础的用户,写项目结构的能力也很不错,但是在生成一个复杂且功能完整的应用上就有点逊色了。

而码上飞CodeFlying则更适合没有基础技术(小白群体)的用户,因为CodeFlying基于私有的沉淀数据和Agent能力的加持,可以直接识别用户的复杂需求,开发出一个端到端的可落地的且功能完整的应用程序。


http://www.ppmy.cn/server/129913.html

相关文章

Hive优化操作(二)

Hive 数据倾斜优化 在使用 Hive 进行大数据处理时,数据倾斜是一个常见的问题。本文将详细介绍数据倾斜的概念、表现、常见场景及其解决方案。 1. 什么是数据倾斜? 数据倾斜是指由于数据分布不均匀,导致大量数据集中到某个节点或任务中&…

鸿蒙harmonyos next flutter混合开发之开发FFI plugin

创建FFI plugin summation,默认创建的FFI plugin是求两个数的和 flutter create --templateplugin_ffi summation --platformsandroid,ios,ohos 创建my_application flutter create --org com.example my_application 在my_application项目中文件pubspec.yaml引…

自由学习记录

约束的泛型通配符? Java中的泛型 xiaomi和byd都继承了car&#xff0c;但是只是这两个类是car的子类而已&#xff0c;而arraylist<xiaomi> ,arraylist<byd> 两个没有半毛钱继承关系 所以传入的参数整体&#xff0c;是car的list变形&#xff0c;里面的确都能存car…

Git基本操作与分支

一、操作入门 先看大屏幕&#xff1a;先背过 再来操作 初始化 刚入门的小朋友可能出现这种问题&#xff1a; 原因是&#xff1a;需要自己创建一个记事本文件 add的作用是添加指定文件到暂存区。 commit是提交暂存区到仓库区&#xff0c;此处的仓库是本地仓库&#xff0c;本…

Word页眉内容自动填充为章节标题

Word页眉内容自动填充为章节标题 在写毕业论文的过程中&#xff0c;通常要求将页眉设置为章节标题&#xff0c;例如这样 通常&#xff0c;页眉内容我们都是手敲上去的&#xff0c;其实在Word中可以设置为自动引用章节标题&#xff0c;以下为设置方法&#xff0c;仅供参考&…

【华为HCIP实战课程七】OSPF邻居关系排错MTU问题,网络工程师

一、MTU MUT默认1500,最大传输单元,一致性检测 [R3-GigabitEthernet0/0/1]mtu 1503//更改R3的MTU为1503 查看R3和SW1之间的OSPF邻居关系正常: 默认华为设备没有开启MTU一致性检测! [R3-GigabitEthernet0/0/1]ospf mtu-enable //手动开启MTU检测 [SW1-Vlanif30]ospf mtu…

JSONL 文件的检查和修订器

下面是一个JSONL 文件的检查和修订器,代码如下: import json import tkinter as tk from tkinter import filedialog, messageboxdef check_jsonl_file(input_file, log_file, output_file=None):errors = []valid_lines = []with open(input_file, r, encoding=utf-8) as in…

360 度评估的优缺点

什么是 360 度评估&#xff1f; “360 度评估是一种人才培养工具&#xff0c;用于为接受者提供全方位的反馈&#xff0c;这通常包括来自他们直接下属的向上反馈、来自与他们密切合作的同事的反馈&#xff0c;以及来自他们经理的向下反馈。” 通常&#xff0c;360 度评估是匿名…