Bolt.new

StackBlitz 全栈 Vibe Coding 平台,浏览器内一键生成并部署 Web 应用

热度AI编程开发免费额度
暂无预览图

2024 年下半年,AI 编程工具市场发生了一个重要变化:一批"自然语言生成完整应用"的产品相继出现并迅速获得关注。Bolt.new 是其中起量最快的之一——它由 StackBlitz 推出,StackBlitz 本来是做浏览器内 Node.js 环境的,积累了大量前端开发的基础能力,这让 Bolt.new 在浏览器内全栈开发上有独特的技术优势。

Bolt.new 是什么

Bolt.new 是一个基于浏览器的 AI 全栈开发环境——你不需要安装任何东西,打开浏览器,描述你想做什么,AI 写代码,代码在浏览器内直接运行,你立刻看到结果。

整个流程在浏览器里完成:代码编写、代码运行、预览、调试,全部不需要本地环境。这背后是 StackBlitz 的 WebContainers 技术——在浏览器里运行完整的 Node.js 环境,是它和其他在线 IDE 最大的技术差异。

核心功能

自然语言生成应用

打开 bolt.new,在输入框里描述你想做的事:

"帮我做一个任务追踪应用,可以添加任务、标记优先级、设置截止日期,深色主题,看起来干净简洁"

Bolt 开始生成代码,实时显示文件结构、代码内容,右侧同时预览运行中的应用。整个过程通常 1-3 分钟,生成一个可以立刻在浏览器里操作的完整应用。

技术栈支持

这是 Bolt.new 比 Lovable 等竞品更灵活的地方——它支持的技术栈不只 React,还包括:

  • React + Vite
  • Next.js
  • Vue.js
  • Svelte
  • Astro
  • Remix
  • 纯 HTML/CSS/JavaScript

甚至可以告诉它"用 React + Tailwind + Supabase",它会搭建对应的技术栈。对于有技术背景、对技术栈有偏好的开发者,这个灵活性很重要。

实时运行和预览

Bolt 生成的代码直接在浏览器里运行,不需要上传到服务器,也不需要本地配 Node.js 环境。这背后是 StackBlitz 的 WebContainers 技术——WebContainer 在浏览器里模拟了一个完整的 Node.js 运行环境,包括文件系统、npm 包安装、Node.js 进程。

这意味着你可以在 Bolt 里做后端逻辑(Express、API 路由)而不只是前端——这是 Lovable 等纯前端工具无法做到的。

在线代码编辑

除了 AI 生成,Bolt 内置了代码编辑器,你可以直接在浏览器里手动编辑任何文件,改动立刻反映在预览里。这让"AI 生成 + 手动微调"的流程很顺畅——AI 做 80%,自己改 20%。

GitHub 导出

可以把整个项目推送到 GitHub 仓库,之后在本地用 VS Code、Cursor 或者任何编辑器继续开发。不用担心被锁死在 Bolt 平台里。

Netlify 一键部署

和 Netlify 有集成,可以一键把项目部署上线,得到一个公网可访问的 URL,直接可以分享给别人看。对于需要快速发布原型的场景,这个功能省去了自己配 CI/CD 的时间。

实际能做什么

能做的:

  • 前端应用(React/Vue/Svelte 等)
  • 带 Node.js 后端的全栈应用
  • API 服务(Express、Fastify)
  • 内容管理系统原型
  • 数据可视化工具
  • 简单的 SaaS 产品 MVP

有局限的:

  • 需要真实数据库:Bolt 可以生成代码和 Schema,但运行数据库需要额外配置(可以连 Supabase 等云数据库服务)
  • 复杂的 AI 模型集成:可以生成 API 调用代码,但复杂的 AI pipeline 需要手动完善
  • 生产级安全性:AI 生成的代码可以快速出原型,但用于生产环境前需要安全审查
  • 移动原生应用:目前只做 Web,不支持 React Native 等移动端框架

和竞品比较

vs Lovable: Lovable 的 UI 更简洁,和 Supabase 的集成更深,适合非技术用户快速出 Web 应用;Bolt 支持更多技术栈,允许后端代码运行,对有技术背景的用户更灵活。

vs v0(Vercel): v0 专注于生成 React UI 组件,输出的是可以复制到自己项目里的代码片段;Bolt 是生成完整运行的应用,定位更大。

vs Cursor/GitHub Copilot: Cursor 和 Copilot 是在本地项目里辅助写代码;Bolt 是从零在浏览器里生成一个新项目,不需要本地环境,适合快速原型,不适合大型现有项目的日常开发。

价格

  • 免费版: 每月有限 tokens,功能完整,生成次数有限
  • Basic($20/月): 10M tokens/月,更多生成次数
  • Pro($50/月): 更多 tokens,优先处理队列
  • Team($40/用户/月): 团队功能,共享额度

Tokens 按代码量计算,复杂的项目消耗更多。频繁使用的话免费版很快用完,Basic 版对于日常原型开发够用。

谁适合用

产品经理和设计师(快速原型): 不需要等工程师,自己用 Bolt 做出一个可以演示的原型,提高和团队沟通的效率,或者用来做用户测试。

独立开发者(快速起步): 想做一个新项目,用 Bolt 快速搭建框架,省去从零配置的时间,然后把代码导出到 GitHub 继续精细化开发。

创业者(MVP 验证): 快速出一个能用的 MVP,给早期用户试用,验证需求是否真实存在,而不是花几个月做一个完整产品。

学生和学编程的人: Bolt 生成的代码结构清晰,可以一边看 AI 生成的代码一边学习,比从零手写更有参考价值,也比读文档学习更直观。

Bolt.new 代表了一种新的开发方式:从描述到运行的应用,整个过程在浏览器里完成,不需要任何本地环境。它的技术底座(WebContainers)是真正的差异化,而不只是在 ChatGPT 上包一层界面。对于快速验证想法的场景,它已经是很多开发者的首选工具。