当前位置: 首页 > article >正文

Bolt.new:重塑 Web 开发格局的 AI 利器

根据 Menlo Ventures 2024 年的调查,在主流 AI 应用场景中,AI 编程工具的采用率以 51% 位居榜首,代码生成成为最易落地且受欢迎的场景。科技巨头谷歌 CEO Sundar Pichai 在 2024 年 10 月财报会议上透露,公司超四分之一的新代码由 AI 生成,再经工程师审核采纳,既提升开发效率,又保障了代码质量。

AI 编程工具市场迎来爆发,GitHub Copilot 作为先行者,年度经常性收入(ARR)达 3 亿美元,为 GitHub 贡献 40% 的收入增长。这款由微软支持、基于 OpenAI 大语言模型的编程助手,自 2022 年推出已吸引全球数百万开发者。后来者 Cursor 增长速度惊人,研究机构 Sacra 估计其 2024 年 11 月 ARR 达 6500 万美元,同比增长 6400%。Air Street Capital 分析师 Nathan Benaich 指出,开发者愿意为 AI 编程助手付费,代码生成成为 AI 变现的有效方式,吸引大量资本涌入。2024 年,Anysphere、Magic、Cognition AI 等企业获得上亿美元融资。在此背景下,又一家明星企业崭露头角 ——Bolt.new。

一、Bolt.new 的诞生与发展历程

Bolt.new 由 StackBlitz 团队开发。StackBlitz 成立于 2017 年,创始人 Eric Simons 和 Albert Pai 此前创立在线编程教育平台 Thinkster 并成功退出。他们发现开发环境配置复杂,决定创建 StackBlitz 来简化这一过程。在推出 Bolt.new 前,这个约 20 人的团队一直在 Web 开发工具领域探索。StackBlitz 注意到 Web 开发中的矛盾:Web 是广泛使用的平台,但开发者无法在浏览器内直接构建 Web 应用。2021 年,团队在 Google I/O 大会上推出 WebContainers 技术,基于 WebAssembly 让 Node.js 能在浏览器中运行,开发者无需复杂云端虚拟机即可编码,相比 GitHub Codespaces 等传统平台,降低成本且减少延迟。2024 年 10 月,StackBlitz 基于 WebContainers 技术推出 Bolt.new,这款基于 AI 的全栈开发工具带来全新交互范式,市场表现亮眼,推出八周 ARR 就从零增长到 2000 万美元。

二、核心技术揭秘

(一)WebContainers 技术

Bolt.new 使用的 WebContainers 技术是在浏览器中运行完整开发环境的微型操作系统,允许现代开发工具链在毫秒内启动并在线分享结果。这一技术基于 WebAssembly,使 Node.js 能在浏览器中运行,解决了传统开发需本地或云端复杂环境配置的问题,开发者可直接在浏览器中开启开发工作,大大提高开发效率。例如,传统开发中配置 Node.js 和 npm 环境可能需数小时,使用 Bolt.new 借助 WebContainers 技术,瞬间即可完成环境搭建,让开发者快速进入开发状态。

(二)AI 代码生成与环境控制

Bolt.new 集成 AI 技术,核心是整合 anthropic 的 claude 实现代码生成。用户简单描述需求,就能快速获得功能完整的应用结构。不仅生成代码,还能控制整个开发环境,包括文件系统、服务器和终端等。比如,用户输入 “创建一个包含用户注册登录功能的 React 单页应用”,Bolt.new 能自动创建项目、编写相关代码,开发者可一键编辑和运行,减少大量手动编码和环境配置工作。

三、功能特色全方位解读

(一)全栈开发支持

Bolt.new 支持直接在浏览器中进行全栈应用的开发、运行、调试和部署,无需本地安装 Node.js、npm 等工具。它支持 React、Next.js 和 Vue.js 等流行框架,无论是单页应用还是复杂多页站点项目都能满足。例如,开发者要开发一个基于 Next.js 的电商网站,可在 Bolt.new 中直接创建项目,编写前后端代码,在浏览器内运行调试,完成后一键部署,无需在本地配置复杂的开发环境。

(二)自动化包管理

许多开发工具需手动安装第三方软件包,Bolt.new 则自动执行该过程。它能识别项目所需软件包,进行安装并在项目中配置,消除大量设置工作,减少配置错误。如开发一个需要使用 Axios 进行数据请求和 Ant Design 进行 UI 设计的 React 项目,Bolt.new 能自动识别并安装 Axios 和 Ant Design,并配置好相关依赖,开发者无需手动操作,节省大量时间和精力。

(三)实时错误检测和自动调试

调试是开发中耗时环节,Bolt.new 通过实时检测和修复错误,在开发者编码时自主调整。例如,开发者编写 JavaScript 代码时出现语法错误或逻辑错误,Bolt.new 能及时提示并尝试自动修复,减少手动排查错误时间,让开发者专注于功能实现。

(四)一键部署至 Netlify 及拓展计划

Bolt.new 支持一键将项目部署到 Netlify,部署过程无需繁琐登录或复杂凭证信息配置,几秒即可上线应用。并且,平台计划增加 Cloudflare 作为新部署目标,满足更多样化开发需求。比如,个人开发者开发完成一个小型博客项目,使用 Bolt.new 一键就能将其部署到 Netlify,快速分享给他人;对于有更高性能和安全需求的企业项目,未来可选择部署到 Cloudflare。

(五)预设模板助力快速开发

为加快开发速度,Bolt.new 提供多种预设模板,用户可选择快速创建并启动新项目,适合原型开发或项目快速验证。例如,要开发一个在线问卷调查应用,可在 Bolt.new 的预设模板中选择类似项目模板,在此基础上快速修改完善,大大缩短开发周期。

(六)项目分享与集成便捷性

支持通过 URL 分享生成项目,方便团队协作或快速展示。团队成员可通过 URL 查看项目,提出反馈意见。用户可将生成项目直接部署到生产环境,减少开发到上线步骤。例如,开发团队进行项目迭代时,可通过 URL 分享新功能原型,团队成员在线查看并讨论,确定方案后直接部署到生产环境,提高开发效率。

四、费用体系与使用建议

Bolt.new 采用基于 token 消耗的定价策略。每月 50 美元可使用高达 2600 万个 tokens。不同任务 token 消耗不同,如复杂逻辑(100 + 行)约 1000 + tokens,完整应用(~1000 行)约 8000 + tokens。用户使用时,需了解 token 工作原理,合理编写高效提示,控制项目成本,充分发挥 Bolt.new 潜力。例如,编写提示时尽量简洁明确,避免冗长复杂描述,减少不必要 token 消耗。对于个人开发者或小型团队,可先评估项目规模和复杂度,选择合适套餐,在预算内使用 Bolt.new 进行开发。

五、应用场景广泛覆盖

(一)零基础开发

Bolt.new 让无编程背景用户轻松创建并部署 Web 应用。用户输入简单提示语,系统自动生成代码。比如,一位不懂编程的创业者想创建一个产品展示网站,只需在 Bolt.new 中描述 “创建一个展示公司产品的网站,包含产品图片、介绍和联系方式”,就能快速获得一个可用网站,降低创业门槛,让更多人能将创意转化为线上产品。

(二)快速原型设计

对于需快速验证想法和产品原型的开发者,Bolt.new 提供即时开发和部署环境。开发者快速输出成品并分享。例如,软件公司有新应用创意,使用 Bolt.new 在短时间内创建原型,展示给团队和客户,收集反馈,快速迭代优化,节省时间和成本。

(三)全栈开发学习

是学习全栈开发的绝佳工具,提供真实开发环境和即时反馈,减少环境配置复杂度,让学习者专注核心技能掌握。例如,初学者学习 React 和 Node.js 全栈开发,使用 Bolt.new 无需担心环境配置问题,通过实践项目学习,快速掌握开发技能。

(四)团队协作

支持项目在线分享与集成,通过 URL 分享项目成果,团队成员快速查看反馈。例如,软件开发团队开发大型项目,不同成员负责不同模块,使用 Bolt.new 创建项目后通过 URL 分享给团队,成员在线协作,提高沟通和开发效率。

六、市场竞争优势凸显

(一)超越代码生成

相比在代码生成方面表现出色的 Cursor AI,Bolt.new 在自动化包管理上更进一步,自动识别、安装和配置软件包,降低出错风险,简化开发流程。在开发一个涉及多个第三方库的项目时,Cursor AI 可能仅帮助生成代码,而 Bolt.new 不仅生成代码,还自动处理包管理,节省大量时间和精力。

(二)增强的调试和错误解决

Bolt.new 的实时错误检测和自动调试功能,减少故障排除时间,让开发者专注开发。一些 AI 开发工具需手动排查错误,Bolt.new 的自动调试功能为开发者提供效率提升。例如,在开发复杂应用时,代码中可能出现各种错误,Bolt.new 能及时发现并自动修复部分错误,提高开发效率。

(三)无缝部署

Cursor AI 通常需额外设置或第三方集成,Bolt.new 一键式部署功能简化项目上线过程,对个人和专业应用都非常实用。个人开发者开发小型应用后,使用 Bolt.new 可快速部署上线,无需复杂操作;企业开发专业应用,也能通过 Bolt.new 高效部署,提升项目交付速度。

(四)All-in-One 开发环境

Bolt.new 整合 Cursor AI、Replit Agent 等主要功能,形成一体化集成平台,为寻求涵盖代码生成到部署全流程工具的开发者提供多功能解决方案。开发者无需在多个工具间切换,在 Bolt.new 平台即可完成项目开发全流程,提高工作效率。

七、未来展望

StackBlitz CEO Eric Simons 表示,公司愿景不仅改进开发工具,更要改变谁能在网络上创造内容。随着 8350 万美元融资完成,StackBlitz 将加强产品研发。未来,Bolt.new 可能在以下方面取得突破:一是支持更多框架和技术,满足不同开发者需求;二是进一步优化 AI 代码生成质量和准确性,生成更符合开发者意图的代码;三是在部署方面,除 Netlify 和 Cloudflare,拓展更多部署目标,提供更灵活部署方案;四是提升团队协作功能,如支持多人实时在线协作编辑等。Bolt.new 有望持续降低创意实现门槛,让更多人将想法转化为现实,推动 Web 开发领域变革,在未来 AI 编程工具市场中占据重要地位。

相关文章:

Bolt.new:重塑 Web 开发格局的 AI 利器

根据 Menlo Ventures 2024 年的调查,在主流 AI 应用场景中,AI 编程工具的采用率以 51% 位居榜首,代码生成成为最易落地且受欢迎的场景。科技巨头谷歌 CEO Sundar Pichai 在 2024 年 10 月财报会议上透露,公司超四分之一的新代码由…...

RK3588 RKNN ResNet50推理测试

RK3588 RKNN ResNet50推理测试 一、背景二、性能数据三、操作步骤3.1 安装依赖3.2 安装rknn-toolkit,更新librknnrt.so3.3 下载推理图片3.4 生成`onnx`模型转换脚本3.5 生成rknn模型3.6 运行rknn模型一、背景 在嵌入式设备上进行AI推理时,我们面临着算力有限、功耗敏感等挑战…...

SQLMesh 宏操作符详解:提升 SQL 查询的灵活性与效率

SQLMesh 提供了一系列强大的宏操作符(如 WITH、JOIN、WHERE 等),用于动态构建 SQL 查询。这些操作符不仅简化了复杂查询的编写,还提高了代码的可读性和可维护性。本文将深入探讨这些操作符的使用场景、语法及实际案例,…...

leetcode513.找树左下角的值:递归深度优先搜索中的最左节点追踪之道

一、题目本质与核心诉求解析 在二叉树算法问题中,"找树左下角的值"是一个典型的结合深度与位置判断的问题。题目要求我们找到二叉树中最深层最左边的节点值,这里的"左下角"有两个关键限定: 深度优先:必须是…...

基于Flink的数据中台管理平台

基于Flink做的数据中台工程项目。数据从source到clickhouse全流程的验证。集成元数据管、数据资产、数据发现功能,自主管理元数据变更,集成元数据版本管理。 同时,对整个大数据集群使用到的组件或者是工具进行管理。比如nacos、kafka、zookee…...

AI-Ready TapData:如何基于 MCP 协构建企业级 AI 实时数据中枢?(含教程)

随着企业对私有大模型、行业大模型的探索逐渐深入,“AI应用是否真正落地”,越来越取决于企业是否拥有结构化、实时、可交互的高质量数据。而现实是,大多数企业的核心业务数据依旧被困在多个异构系统、孤岛数据库和 ETL 流程之中,导…...

Spring Boot 登录实现:JWT 与 Session 全面对比与实战讲解

Spring Boot 登录实现:JWT 与 Session 全面对比与实战讲解 2025.5.21-23:11今天在学习黑马点评时突然发现用的是与苍穹外卖jwt不一样的登录方式-Session,于是就想记录一下这两种方式有什么不同 在实际开发中,登录认证是后端最基础也是最重要…...

【HTML-5】HTML 实体:完整指南与最佳实践

1. 什么是 HTML 实体&#xff1f; HTML 实体是一种在 HTML 文档中表示特殊字符的方法&#xff0c;这些字符如果直接使用可能会与 HTML 标记混淆&#xff0c;或者无法通过键盘直接输入。实体由 & 符号开始&#xff0c;以 ; 分号结束。 <p>这是一个小于符号的实体&am…...

SpringBoot 项目实现操作日志的记录(使用 AOP 注解模式)

本文是博主在做关于如何记录用户操作日志时做的记录&#xff0c;常见的项目中难免存在一些需要记录重要日志的部分&#xff0c;例如权限和角色设定&#xff0c;重要数据的操作等部分。 博主使用 Spring 中的 AOP 功能&#xff0c;结合注解的方式&#xff0c;对用户操作过的一些…...

AI|Java开发 IntelliJ IDEA中接入本地部署的deepseek方法

目录 连接本地部署的deepseek&#xff1a; IntelliJ IDEA中使用deepseek等AI&#xff1a; 用法一&#xff1a;让AI写代码 用法二&#xff1a;选中这段代码&#xff0c;右键&#xff0c;可以让其解释这段代码的含义。这时显示的解释是英文的。 连接本地部署的deepseek&#…...

【疑难杂症】Vue前端下载文件无法打开 已解决

由于刚学了VUE不久&#xff0c;不清楚底层逻辑。我遇到从后台下载文件无法打开的问题。 测试下来是&#xff0c;请求时未设置 responseType: blob。 axios 默认的 responseType 是 json &#xff0c;会尝试将响应体解析为JSON。但文件下载场景需要后端返回二进制流&#xff0…...

【1——Android端添加隐私协议(unity)1/3】

前言&#xff1a;这篇仅对于unity 发布Android端上架国内应用商店添加隐私协议&#xff0c;隐私协议是很重要的东西&#xff0c;没有这个东西&#xff0c;是不上了应用商店的。 对于仅仅添加隐私协议&#xff0c;我知道有三种方式,第一种和第二种基本一样 1.直接在unity里面新…...

Linux之概述和安装vm虚拟机

文章目录 操作系统概述硬件和软件操作系统常见操作系统 初识LinuxLinux的诞生Linux内核Linux发行版 虚拟机介绍虚拟机 VMware WorkStation安装虚拟化软件VMware WorkStation 安装查看VM网络连接设置VM存储位置 在VMware上安装Linux(发行版CentOS7)安装包获取CentOS7 安装 Mac系…...

深入理解 Linux 的 set、env 和 printenv 命令

在 Linux 和类 Unix 系统中&#xff0c;环境变量是配置和管理 Shell 及进程行为的核心机制。set、env 和 printenv 是与环境变量交互的三个重要命令&#xff0c;每个命令都有其独特的功能和用途。本文将详细探讨这三个命令的区别&#xff0c;帮助大家更好地理解和使用这些命令。…...

LeetCode热题100--19.删除链表的倒数第N个结点--中等

1. 题目 给你一个链表&#xff0c;删除链表的倒数第 n 个结点&#xff0c;并且返回链表的头结点。 示例 1&#xff1a; 输入&#xff1a;head [1,2,3,4,5], n 2 输出&#xff1a;[1,2,3,5] 示例 2&#xff1a; 输入&#xff1a;head [1], n 1 输出&#xff1a;[] 示例…...

开发AR导航助手:ARKit+Unity+Mapbox全流程实战教程

引言 在增强现实技术飞速发展的今天&#xff0c;AR导航应用正逐步改变人们的出行方式。本文将手把手教你使用UnityARKitMapbox开发跨平台AR导航助手&#xff0c;实现从虚拟路径叠加到空间感知的完整技术闭环。通过本教程&#xff0c;你将掌握&#xff1a; AR空间映射与场景理…...

git学习与使用(远程仓库、分支、工作流)

文章目录 前言简介git的工作流程git的安装配置git环境&#xff1a;git config --globalgit的基本使用新建目录初始化仓库&#xff08;repository&#xff09;添加到暂存区新增/修改/删除 文件状态会改变 提交到仓库查看提交&#xff08;commit&#xff09;的历史记录git其他命令…...

嵌入式预处理链接脚本lds和map文件

在嵌入式开发中&#xff0c;.lds.S 文件是一个 预处理后的链接脚本&#xff08;Linker Script&#xff09;&#xff0c;它结合了 C 预处理器&#xff08;Preprocessor&#xff09; 的功能和链接脚本的语法。它的核心作用仍然是 定义内存布局和链接规则&#xff0c;但通过预处理…...

9. Spring AI 各版本的详细功能与发布时间整理

目录 一、旧版本(Legacy) 0.8.1(2024年3月) 二、里程碑版本(Milestone) 1.0.0-M1(2024年5月30日) 1.0.0-M2(2024年7月) 1.0.0-M3(2024年10月8日) 1.0.0-M4(2024年12月) 1.0.0-M5(2025年1月9日) 1.0.0-M6(2025年3月) 1.0.0-M7(2025年4月14日) 1.…...

《Android 应用开发基础教程》——第十四章:Android 多线程编程与异步任务机制(Handler、AsyncTask、线程池等)

目录 第十四章&#xff1a;Android 多线程编程与异步任务机制&#xff08;Handler、AsyncTask、线程池等&#xff09; &#x1f538; 14.1 为什么需要多线程&#xff1f; &#x1f538; 14.2 Handler Thread 模型 ✦ 使用 Handler 与 Thread 进行线程通信 ✦ 简要说明&am…...

Apache 高级配置实战:从连接保持到日志分析的完整指南

Apache 高级配置实战&#xff1a;从连接保持到日志分析的完整指南 前言 最近在深入学习 Apache 服务器配置时&#xff0c;发现很多朋友对 Apache 的高级功能还不够了解。作为一个在运维路上摸爬滚打的技术人&#xff0c;我想把这些实用的配置技巧分享给大家。今天这篇文章会带…...

开源 OIDC(OpenID Connect)身份提供方(IdP)、iam选型

文章目录 开源 OIDC(OpenID Connect)身份提供方(IdP)、iam选型主流开源 OIDC(OpenID Connect)身份提供方(IdP)zitadeldexory开源 OIDC(OpenID Connect)身份提供方(IdP)、iam选型 主流开源 OIDC(OpenID Connect)身份提供方(IdP) 当前主流的**开源 OIDC(OpenI…...

Android OkHttp控制链:深入理解网络请求的流程管理

OkHttp作为Android和Java平台上广泛使用的HTTP客户端&#xff0c;其核心设计之一就是"控制链"(Chain)机制。本文将深入探讨OkHttp控制链的工作原理、实现细节以及如何利用这一机制进行高级定制。 一、什么是OkHttp控制链 OkHttp控制链是一种责任链模式的实现&#…...

【JVM 01-引言入门篇】

JVM 引言篇01 笔记记录 1. 什么是JVM&#xff1f;2. 学习JVM有什么用&#xff1f;3. 常见的JVM4. 学习路线 学习资料来源-b站黑马 1. 什么是JVM&#xff1f; 定义&#xff1a;Java虚拟机&#xff08;Java Virtual Machine 简称JVM&#xff09;是运行所有Java程序的抽象计算机&a…...

Pandas数据规整

&#xff08;1&#xff09;层次化索引 1.创建带层次化索引的df 第一种&#xff0c;直接创建 import pandas as pd import numpy as npdata pd.Series(np.random.randn(9),index [[a, a, a, b, b, c, c, d, d],[1, 2, 3, 1, 3, 1, 2, 2, 3]]) print(data) # a 1 -0.6416…...

ThreadLocal线程本地变量在dubbo服务使用时候遇到的一个坑

我昨天遇到一个问题&#xff0c;就是我springboot项目里面有一个提供代办服务审核的dubbo接口&#xff0c;这个接口给房源项目调用&#xff0c;但是碰到一个问题就是&#xff0c;房源项目每天凌晨5点会查询满足条件过期的数据&#xff0c;然后调用我这边的代办审核dubbo接口&am…...

pga 作用

Oracle pga的作用 PGA 内存结构与功能解释&#xff1a; PGA ├── 1. Private SQL Area ├── 2. Session Memory ├── 3. SQL Work Areas │ ├── Sort Area │ ├── Hash Area │ ├── Bitmap Merge Area │ └── Bitmap Create Area └── 4. Stack S…...

setup.py Pip wheel

. ├── my_package │ ├── __init__.py │ └── my_file.py └── setup.pymy_file.py def my_func():print("Hello World")setup.py from setuptools import setup, find_packages import datetimesetup(namemy_package, # 记得改version0.1.1,packag…...

GO 语言进阶之 时间处理和Json 处理

更多个人笔记见&#xff1a; github个人笔记仓库 gitee 个人笔记仓库 个人学习&#xff0c;学习过程中还会不断补充&#xff5e; &#xff08;后续会更新在github上&#xff09; 文章目录 时间处理基本例子 Json处理基础案例 时间处理 时间格式化必须使用&#xff1a;2006-01-…...

对WireShark 中的UDP抓包数据进行解析

对WireShark 中的UDP抓包数据进行解析 本文尝试对 WireShark 中抓包的 UDP 数据进行解析。 但是在尝试对 TCP 中的 FTP 数据进行解析的时候&#xff0c;发现除了从端口号进行区分之外&#xff0c; 没有什么好的方式来进行处理。 import numpy as np import matplotlib.pyplot …...