Bolt.new
StackBlitz 推出的浏览器内 AI 全栈开发工具，基于 WebContainer 在浏览器中运行 Node.js，prompt 直接生成可运行可部署的全栈 Web 应用。
1. Bolt.new
Bolt.new 快速入门
一句话卖点:浏览器里直接生成、运行、部署全栈 Web 应用,不用装 Node、不用配环境,prompt 出代码。
这是什么?适合谁?
Bolt.new 是 StackBlitz 在 2024 年推出的浏览器内 AI 全栈开发平台(bolt.new)。它跟 v0、Lovable、Replit Agent、Windsurf 属于同梯队产品——主打「用自然语言生成完整 Web 应用」,但 Bolt.new 的核心差异点是完全跑在浏览器里。
具体说:
- 基于 StackBlitz 的 WebContainer 技术,Node.js 运行时直接在浏览器里跑;
- 你不需要装 Node、npm、Python、数据库;
- AI 生成的代码直接在浏览器里运行、预览;
- 一键部署到 StackBlitz 的云平台,生成可分享的链接;
- 支持 React / Vue / Svelte / Next.js 等前端框架,也支持 Node 后端 + 数据库(SQLite / Postgres);
- 文件系统、AI、终端、包管理都在浏览器里。
适合谁?前端 / 全栈开发者想快速验证原型、产品经理想快速出 MVP、教学场景(学生不用装环境)、企业内部工具快速搭建。
不适合需要重后端 / 复杂运维 / 大规模生产环境的项目——Bolt.new 主打「快速原型 + 演示」,不是替代正式开发流程。
准备工作
- 一个现代浏览器(Chrome / Edge / Firefox 最新版);
- 一个 StackBlitz 账号(GitHub 登录最快);
- 一段想做的应用的描述词;
- 可选:付费升级(免费版有生成次数和项目数限制)。
3 步快速上手
第 1 步:打开 Bolt.new 并登录
访问 https://bolt.new,点「Sign In」用 GitHub 账号登录(也支持邮箱)。
首次进入会让你看一个简短引导,告诉你「AI 在这里」「代码在这里」「预览在这里」「终端在这里」。
第 2 步:输入第一个 prompt
中央有一个大输入框,输入:
帮我做一个简单的 Todo App:React + TypeScript,支持添加任务、标记完成、删除,UI 用 Tailwind CSS,数据存 localStorage。
回车后,AI 会:
- 自动创建项目结构(package.json、src/、index.html 等);
- 安装依赖(Tailwind、React 等);
- 生成完整的组件代码;
- 在右侧预览窗口实时跑起来。
整个过程 1~3 分钟。
第 3 步:继续对话,迭代功能
看到第一版跑起来后,继续在输入框追问:
给 Todo 加个「分类」字段,支持工作 / 生活 / 学习三种分类,用不同颜色标签显示。
AI 会自动改 App.tsx、加新组件、调整样式,预览实时刷新。
满意后点右上角「Deploy」,选「StackBlitz Deployment」,几秒后会生成一个公开链接 https://xxx.stackblitz.app,可以直接发给任何人访问。
常见踩坑
- 依赖装失败:Bolt.new 受限于 WebContainer,部分 npm 包(如原生 node-gyp 依赖)不支持,报错时换替代实现;
- 数据库限制:免费版支持 SQLite,Postgres 需付费;大规模生产数据库请用外部服务;
- 预览空白:偶尔浏览器缓存导致预览空白,F5 刷新或点「Restart Dev Server」;
- AI 改了不该改的文件:AI 有时会动到配置文件,出问题点「Revert」回滚;
- 部署链接偶尔失效:免费部署链接一段时间不用会被回收,长期使用建议绑自定义域名(付费);
- 大项目变慢:文件超过 100 个后 AI 响应变慢,建议拆成多个小项目。
初级用法
- Todo App:经典入门项目,React + TypeScript + Tailwind,10 分钟出活;
- Landing Page:做一个产品落地页,Hero + Features + Pricing + Footer;
- 个人博客:Next.js + Markdown,几分钟出博客骨架;
- 简单计算器:HTML + CSS + JS,练手最快。
高级玩法
- 接入第三方 API:在 prompt 里说「调用 OpenAI API」,AI 会自动加 fetch 代码并让你填 API Key;
- 数据库 + CRUD:prompt 里说「用 SQLite 存用户表」,AI 会自动建表 + 写查询;
- 部署到 Vercel / Netlify:点 Deploy → 选外部平台,授权后即可部署;
- 导入 GitHub 仓库:用 GitHub 集成,把 Bolt 项目推到自己仓库,继续本地开发。
小技巧
- prompt 写明技术栈:「React + TypeScript + Tailwind」比「做一个网站」AI 生成质量高 10 倍;
- 小步迭代:每次只让 AI 改一个功能,不要一次让 AI 重写整个项目;
- 善用「Revert」:AI 改坏了随时点 Revert,不用担心;
- 关注「文件树」:左侧文件树是项目的真实状态,AI 改了什么一目了然;
- 保存重要版本:每完成一个大功能,点「Save」或推 Git,留个里程碑。
常见问题 FAQ
Q1: Bolt.new 适合哪些编程语言?
A: Bolt.new 通常支持主流编程语言(Python、JavaScript/TypeScript、Java、Go、C++、Rust 等)。支持程度因语言而异:Python/JavaScript/TypeScript 最佳,小众语言(如 Haskell、Elixir)可能较弱。
Q2: Bolt.new 生成的代码可以直接用吗?
A: 简单的 CRUD、工具函数、单元测试可以直接用;复杂的业务逻辑、算法实现需要人工 review。永远不要盲目复制 AI 生成的代码——先理解再使用。
Q3: Bolt.new 怎么收费?
A: 通常分免费版(基础功能,有限次数)、付费版(高级模型、无限次数、团队协作)。个人开发者 Pro 版约 $10-20/月,企业版 $30-50/用户/月。具体以 https://bolt.new 定价为准。
Q4: Bolt.new 会上传我的代码到云端吗?有隐私问题吗?
A: 大部分 AI 编程工具会保存你的代码用于服务提供(模型推理)和模型改进(除非关闭)。敏感代码(企业核心、商业秘密)建议:1) 使用本地部署版本;2) 关闭”使用我的代码改进模型”选项;3) 考虑企业版(有更强隐私保护)。
Q5: 怎么让 Bolt.new 生成更高质量的代码?
A: 关键技巧:1) 写清晰的 prompt,说明输入输出和约束;2) 提供代码示例(让 AI 学习你的风格);3) 拆分任务,不要一次生成太多;4) 用 TODO 注释让 AI 补充具体实现;5) review + 单元测试保证质量。
2. Bolt.new 多维度简评:StackBlitz 的全栈 AI 沙箱,WebContainer 跑在浏览器里
Bolt.new 多维度简评:StackBlitz 的全栈 AI 沙箱,WebContainer 跑在浏览器里
本文基于官方文档和公开资料整理，未经过 MagicNetWorld 实测。
一、Bolt.new 是 StackBlitz 推出的 AI 全栈开发平台,2024-10 发布
StackBlitz 是著名的在线 IDE 公司(https://stackblitz.com),它的 WebContainer 技术可以在浏览器中运行完整的 Node.js 环境。2024-10 Bolt.new 发布 —— 把 AI 编程和 WebContainer 结合,实现”在浏览器里跑全栈应用”。
核心创新:整个开发环境在浏览器里——不需要本地 Node.js、不需要本地 Docker、不需要本地 Git。你打开浏览器就能跑 Next.js、Nuxt、Svelte、Vite 全栈项目。
二、Bolt.new 的核心能力
2.1 浏览器内的全栈开发
- WebContainer API:浏览器内运行 Node.js + npm + Vite + Next.js
- 完整文件系统:支持读写文件
- 完整网络:支持 fetch、外部 API 调用
- 完整进程:支持 npm install、npm run dev
2.2 AI 编程能力
- AI 集成 Claude 3.5 Sonnet(底层模型)
- 自然语言生成完整项目:从 0 到 1 生成 React + Express + SQLite 全栈应用
- AI 调试错误:报错信息自动给 AI,它给出修复方案
- AI 部署:一键部署到 Netlify / Cloudflare Pages
2.3 支持的框架
- Next.js 14+
- Vite + React
- Nuxt 3
- SvelteKit
- Astro
- Express + Hono
三、Bolt.new 的真实定价(2026-06)
| 套餐 | 价格 | Token 额度 | 适合 |
|---|---|---|---|
| Free | $0 | 每日有限(约100k tokens) | 试用 |
| Pro | $20/月 | 10M tokens/月 | 个人开发者 |
| Team | $40/用户/月 | 50M tokens/用户 | 团队 |
四、Bolt.new vs v0 vs Lovable vs Replit Agent(2026-06)
| 维度 | Bolt.new | v0 | Lovable | Replit Agent |
|---|---|---|---|---|
| 浏览器内全栈 | ⭐⭐⭐⭐⭐(WebContainer独家) | ❌ | ❌ | ❌ |
| 前端质量 | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐ |
| 后端能力 | ⭐⭐⭐⭐(Node.js全栈) | ⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| 全栈完整性 | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| 价格 | $20-40/月 | $20-30/月 | $20-100/月 | $25-100/月 |
| 移动端可访问 | ⭐⭐⭐⭐⭐(浏览器即可) | ⭐⭐ | ⭐⭐ | ⭐⭐ |
证据模块
测试元数据
- 测试状态: 未实测 — 本文基于官方文档和公开资料整理
- 信息来源: Bolt.new 官网, StackBlitz 官网, WebContainer 文档
- 最后验证日期: 2026-06-17
参考资料
- Bolt.new 官方网站 — 官方产品页
- StackBlitz 官网 — 公司官网
- WebContainer 技术文档 — 官方文档
- Bolt.new 支持文档 — 官方文档
- Bolt.new Review 2026 — 技术评测
- Bolt.new Tool Guide — 技术文章
📊 评分与标签
评分说明
总分 8.5/10 · P_优选 (≥8.0)
📊 可观测社区指标（数据核验日期：2026-07-07 UTC+8）
- GitHub Stars: 16.4k ★ / 14.7k 🔱 / 101 commits — 来源：github.com/stackblitz/bolt.new
- Product Hunt：上线时 #1 Product of the Day — 来源：bolt.new 官方
- 底层技术：闭源 Web 服务 + 开源 WebContainer 技术栈 — 来源：bolt.new 官方
- 母公司：StackBlitz Inc.（浏览器内 IDE 领域先驱） — 来源：stackblitz.com
- 官方支持：Help Center + Discord 社区 — 来源：support.bolt.new
⚙️ 功能完整度 2.0/2.5
- 浏览器内全栈开发：基于 StackBlitz WebContainer 技术在浏览器中运行真实 Node.js 运行时，无需本地环境
- 框架支持：主流前端框架（React/Vue/Svelte/Next.js/Nuxt）+ Node 后端 + 数据库（Pro 版含 Postgres）
- AI 端到端能力：自动完成脚手架 → 依赖安装 → 启动 dev server → 实时预览 → 一键部署
- 部署路径：一键发布 stackblitz.app 公开链接，或推送 GitHub 后接 Vercel/Netlify
- 对比 v0.dev：bolt.new 是全栈（前端+后端+DB），v0 仅做 React UI 组件生成
- 对比 Replit Agent：bolt.new 更轻（浏览器纯本地跑 npm install），Replit 是云 IDE
- 弱项：WebContainer 不支持 node-gyp 原生编译包；100+ 文件大项目 AI 响应变慢
- 来源：github.com/stackblitz/bolt.new + bolt.new 官方
✨ 输出质量 2.2/2.5
- 生成即跑通率：React+TypeScript+Tailwind 组合下代码风格统一、依赖完整（社区反馈约 90%）
- 全栈联动优势：前端+后端+DB 三件套生成的可用性显著高于单一 UI 组件工具
- 对比 v0.dev：应用完整度（含后端+DB）胜出；v0 在 UI 粒度和 shadcn/ui 集成上更精细
- 对比 Lovable：生成速度更快（WebContainer 本地执行 vs Lovable 远端构建）；Lovable 的 Supabase 集成更成熟
- Prompt 敏感：明确技术栈（“React+TypeScript+Tailwind+SQLite”）比模糊描述质量高数倍
- 扣分场景：复杂业务逻辑（权限、支付、并发）生成质量下降，需人工介入
- 来源：Reddit r/boltnew + bolt.new 官方
🖐️ 易用性 1.5/1.5
- 完全 Web 操作：浏览器打开 bolt.new 即可开始，零环境配置
- 4 步全流程：自然语言输入 → 自动生成 → 实时预览 → 一键部署
- GitHub 账号一键登录（也支持邮箱），项目自动同步到 GitHub 仓库
- 界面：左文件树 + 中代码编辑器 + 右终端 + 右侧预览，类似传统 IDE
- 对比 Replit Agent：更轻量（纯网页，无需注册云 IDE 账号）
- 对比 Lovable：不依赖 Supabase 账号即可开始（数据库可选），初次上手门槛更低
- 来源：bolt.new 官方 + support.bolt.new
💰 性价比 1.3/1.5
- 免费档：每日 300K tokens / 每月 1M tokens；含 hosting + 数据库 + 333K web requests
- Pro $25/月（月付）/ 更低（年付节省 28%）：无每日限制，起始 10M tokens/月，未用 tokens 滚存下月
- Teams $30/人/月：Pro + 集中计费 + 团队权限管理
- 对比 v0.dev Pro：同价位区间但 bolt.new 是全栈（v0 仅 UI）
- 对比 Lovable Pro：定价接近，bolt.new 有 hosting 内置
- 扣分：免费版有每日 token 限制；Pro 月付 $25 略高于 v0
- 来源：bolt.new/pricing（Free / Pro $25 / Teams $30 / Enterprise 阶梯）
🔒 稳定性 0.7/1.0
- WebContainer 在 Chrome/Edge/Firefox 最新版稳定运行
- AI 生成成功率约 85-90%，约 10% 因依赖冲突或超时需重试
- 部分含原生 node-gyp 编译的 npm 包不支持
- 对比 Replit：Replit 基于真实云服务器，npm 包兼容性更全面
- 对比 v0.dev：v0 仅生成 UI 组件无运行时，稳定性问题少
- StackBlitz 团队迭代频率高，社区 Issue 平均 24 小时内响应
- 来源：github.com/stackblitz/bolt.new/issues + support.bolt.new
🛡️ 隐私安全 0.8/1.0
- 沙箱执行：代码在浏览器 WebContainer 沙箱中运行，仅 AI 推理请求发送至云端
- 传输加密：TLS 1.3
- GitHub 同步：代码可推送用户自己仓库，实现所有权保留
- 对比 Replit：bolt.new 的 WebContainer 客户端执行更多操作，服务器数据暴露面更小
- 扣分点：免费版项目默认公开可见，须升级 Pro 才能设 Private
- 扣分点：完全离线不可用（AI 推理仍依赖远端）
- 来源：bolt.new/pricing（免费版 “Public and private projects” 但需 Pro 才有 “Share sites privately”）
评分依据可追溯至公开来源，每项分数均有明确理由和数据支撑。 维度求和：2.0 + 2.2 + 1.5 + 1.3 + 0.7 + 0.8 = 8.5 ✓
🏷️ 标签说明
- 免费: 免费档含每日 300K tokens / 每月 1M tokens、hosting、数据库、333K web requests，个人原型验证够用。来源：bolt.new/pricing
- 编程: AI 驱动的浏览器内全栈 Web 应用开发，支持 React/Vue/Svelte/Next.js 前端 + Node 后端 + 数据库。来源：github.com/stackblitz/bolt.new
- 部署运维: 支持一键部署到 StackBlitz 云平台生成公开链接，也可推送 GitHub 后接 Vercel/Netlify。来源：bolt.new 官方
📋 来源与核验记录
- ✅ 已核验: github.com/stackblitz/bolt.new（16.4k Stars / 14.7k Forks / 101 commits，“main branch”、LICENSE、README.md、package.json 均在）
- ✅ 已核验: bolt.new/pricing（Free $0 / Pro $25/月 / Teams $30/月 / Enterprise 定价页面结构）
- ✅ curl 200: bolt.new / stackblitz.com / support.bolt.new
- ✅ curl 200: 竞品对比页 v0.dev 与 lovable.dev
- ⚠️ 间接来源（社区数据）: 生成成功率 85-90%、依赖冲突比例来自 Reddit r/boltnew 社区反馈，非厂商披露数据
- ⚠️ 声明性数据: TLS 1.3 传输、不用于训练来自 StackBlitz 隐私文档
- ❌ 已删除死链: 无
同分类推荐
AI编程 分类下的其他工具