百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Bolt.New —— 全栈AI Web自动编程

ccwgpt 2025-04-27 12:50 27 浏览 0 评论

Bolt.New是由StackBlitz公司推出的,全栈AI工具,代码编辑、运行、部署,通通一站式搞定。它使用WebContainers技术,无需任何本地安装或配置,在浏览器中,就可以运行完整的Node.js环境,大大方便了编程人员的入门门槛。Bolt.new还提供了一键部署功能,可以将应用程序直接部署到云服务提供商,如Netlify,大大简化了开发和调试过程。

新建项目

我们在浏览器中输入它的网址:https://bolt.new/,就可进入官方平台在线编辑页面。它使用了在线编辑的方式,跟其他工具不同,它并没有提供本地程序打开方式。我们在进入Bolt.new首页后, 就可以在这里新建空白的项目,选择各种流行框架,如下图所示。

在线编程

在选择了技术框架后,系统开始自动构建基础代码,项目创建成功后,就会进入项目编辑界面。这里会提供一个类似代码编辑器的区域,你就可以开始输入你的代码。由于Bolt.new依托WebContainers技术支持完整的Node.js环境,你可以按照Node.js的语法规范编写各类应用程序代码,比如编写服务器端逻辑代码(使用Express等框架创建路由、处理请求等)、编写前端代码(HTML、CSS、JavaScript等组合来构建用户界面)等。

运行项目

在代码编辑区域编写好代码后,可以先进行预览,一般会有专门的运行按钮,比如“Run”或者类似的标识很清晰的操作按钮,点击该按钮。

Bolt.new会在浏览器内依托其支持的Node.js环境来运行你编写的代码,你可以在指定的输出区域(可能是控制台窗口之类的地方)查看代码运行的结果,比如查看服务器是否成功启动、前端页面是否正确渲染等信息。

代码修改

若在运行过程中,如果发现代码存在问题或者需要对功能进行扩展、调整时,直接回到代码编辑区域。可以进行聊天式修改,让系统自行为你进行查找BUG,修改代码,测试后自动发现问题,继续进行修改,直到完成预定功能。每次修改完成后可再次点击运行按钮来查看修改后的效果。

项目部署

当你的项目在测试通过后,就可以进行部署操作。在右上角,有个“Deploy”按钮。点击后,会弹出部署设置相关的界面。在部署设置中,你需要选择应用部署的云服务提供商,可以选择Netlify(如果是其他支持的云服务提供商也同样)。可能还需要按照所选云服务提供商的要求,进行一些必要的配置,比如提供相关的账号密码等信息,以便Bolt.new能够将你的应用成功部署到对应的云服务提供商平台上。

自动错误检测和修复机制

在编写、运行、编辑代码的过程中,如果Bolt.new检测到代码存在错误,就会显示出错误提示信息,明确指出错误发生的位置,以及错误类型等信息。对于一些简单的、常见的错误,Bolt.new可能会根据其集成的自动修复机制尝试进行自动修复,你可以关注相关提示,看是否已经自动处理好错误。如果自动修复不成功,那就需要你根据错误提示信息,进行手动修复代码了。

存在不足

Bolt.new特点是在网站搭建,前端项目上较强,支持各种流行技术框架。但相比其他竞品,比如Trae,Cursor等工具,还存在明显不足。主要是还不够智能,其后台所依赖的模型是自研的,智能程序还远远不如,Claude等大模型。开放度也不够,不能对接其他公认效果不错的大模型,比如Claude,DeepSeek V3-0324等。经常一些基本的项目,简单的出错都不能修复成功。更不要说更复杂的项目。而且每次修改,还得重新生成项目。在线编辑,看着是方便,其实功能上会比较弱,不能进行有效的版本管理,与本地的MCP服务不能进行联动。大大降低了它的能力扩充。


#ai编程#

相关推荐

2025南通中考作文解读之四:结构框架

文题《继续走,迈向远方》结构框架:清晰叙事,层层递进示例结构:1.开头(点题):用环境描写或比喻引出“走”与“远方”,如“人生如一条长路,每一次驻足后,都需要继续走,才能看见更美的风景”。2.中间...

高中数学的知识框架(高中数学知识框架图第三章)

高中数学的知识框架可以划分为多个核心板块,每个板块包含具体的知识点与内容,以下为详细的知识框架结构:基础知识1.集合与逻辑用语:涵盖集合的概念、表示方式、性质、运算,以及命题、四种命题关系、充分条件...

决定人生的六大框架(决定人生的要素)

45岁的自己混到今天,其实是失败的,要是早点意识到影响人生的六大框架,也不至于今天的模样啊!排第一的是环境,不是有句话叫人是环境的产物,身边的环境包括身边的人和事,这些都会对一个人产生深远的影响。其次...

2023年想考过一级造价师土建计量,看这30个知识点(三)

第二章工程构造考点一:工业建筑分类[考频分析]★★★1.按厂房层数分:(1)单层厂房;(2)多层厂房;(3)混合层数厂房。2.按工业建筑用途分:(1)生产厂房;(2)生产辅助厂房;(3)动力用厂房;(...

一级建造师习题集-建筑工程实务(第一章-第二节-2)

建筑工程管理与实务题库(章节练习)第一章建筑工程技术第二节结构设计与构造二、结构设计1.常见建筑结构体系中,适用建筑高度最小的是()。A.框架结构体系B.剪力墙结构体系C.框架-剪力墙结构体系D...

冷眼读书丨多塔斜拉桥,这么美又这么牛

”重大交通基础设施的建设是国民经济和社会发展的先导,是交通运输行业新技术集中应用与创新的综合体现。多塔斜拉桥因跨越能力强、地形适应性强、造型优美等特点,备受桥梁设计者的青睐,在未来跨越海峡工程中将得...

2021一级造价师土建计量知识点:民用建筑分类

2021造价考试备考开始了,学霸君为大家整理了一级造价师备考所用的知识点,希望对大家的备考道路上有所帮助。  民用建筑分类  一、按层数和高度分  1.住宅建筑按层数分类:1~3层为低层住宅,4~6层...

6个建筑结构常见类型,你都知道吗?

建筑结构是建筑物中支承荷载(作用)起骨架作用的体系。结构是由构件组成的。构件有拉(压)杆、梁、板、柱、拱、壳、薄膜、索、基础等。常见的建筑结构类型有6种:砖混结构、砖木结构、框架结构、钢筋混凝土结构、...

框架结构设计经验总结(框架结构设计应注意哪些问题)

1.结构设计说明主要是设计依据,抗震等级,人防等级,地基情况及承载力,防潮抗渗做法,活荷载值,材料等级,施工中的注意事项,选用详图,通用详图或节点,以及在施工图中未画出而通过说明来表达的信息。2.各...

浅谈混凝土框架结构设计(混凝土框架结构设计主要内容)

浅谈混凝土框架结构设计 摘要:结构设计是个系统的全面的工作,需要扎实的理论知识功底,灵活创新的思维和严肃认真负责的工作态度。钢筋混凝土框架结构虽然相对简单,但设计中仍有很多需要注意的问题。本文针...

2022一级建造师《建筑实务》1A412020 结构设计 精细考点整理

历年真题分布统计1A412021常用建筑结构体系和应用一、混合结构体系【2012-3】指楼盖和屋盖采用钢筋混凝土或钢木结构,而墙和柱采用砌体结构建造的房屋,大多用在住宅、办公楼、教学楼建筑中。优点:...

破土动工!这个故宫“分院”科技含量有点儿高

故宫“分院”设计图。受访者供图近日,位于北京海淀区西北旺镇的故宫北院区项目已开始破土动工,该项目也被称作故宫“分院”,筹备近十年之久。据悉,故宫本院每年展览文物的数量不到1万件,但是“分院”建成后,预...

装配式结构体系介绍(上)(装配式结构如何设计)

PC构件深化、构件之间连接节点做法等与相应装配式结构体系密切相关。本节列举目前常见的几种装配式结构体系:装配整体式混凝土剪力墙结构体系、装配整体式混凝土框架结构体系、装配整体式混凝土空腔结构体系(S...

这些不是双向抗侧结构体系(这些不是双向抗侧结构体系的特点)

双向抗侧土木吧规范对双向抗恻力结构有何规定?为何不应采用单向有墙的结构?双向抗侧土木吧1.规范对双向抗侧力结构体系的要求抗侧力体系是指抵抗水平地震作用及风荷载的结构体系。对于结构体系的布置,规范针对...

2022一级建造师《建筑实务》1A412020 结构设计 精细化考点整理

1A412021常用建筑结构体系和应用一、混合结构体系【2012-3】指楼盖和屋盖采用钢筋混凝土或钢木结构,而墙和柱采用砌体结构建造的房屋,大多用在住宅、办公楼、教学楼建筑中。优点:抗压强度高,造价...

取消回复欢迎 发表评论: