Bolt.new 使用介绍：功能、价格与上手指南

Bolt.new 是 StackBlitz 推出的 AI 全栈开发平台，用户仅需自然语言描述即可生成、运行、编辑和部署 Web 应用。本文详细介绍其核心功能、Token 计费与订阅价格、从零上手的具体步骤，以及适用场景和注意事项，帮助你快速判断是否值得使用。

在 AI 编程工具爆发的 2024-2025 年，Bolt.new 凭借「浏览器内全栈开发 + 自然语言生成」的定位迅速走红。它由 StackBlitz 团队打造，目标很直接：让你用一句话描述需求，就能得到一个能跑、能改、能部署的完整 Web 应用。

本文将从功能、价格、上手指南三个维度，带你系统了解 Bolt.new，并给出可直接执行的实操步骤。

Bolt.new 是什么？

Bolt.new 是一个基于浏览器的 AI 全栈开发环境。它的底层使用 WebContainers 技术，可以在浏览器中直接运行 Node.js、安装 npm 包、启动开发服务器，而不需要你配置本地环境。

你只需要在对话框里输入需求，比如「做一个带登录和待办列表的 Next.js 应用」，Bolt.new 就会：

  1. 生成项目文件和目录结构
  2. 自动安装依赖
  3. 在浏览器内运行应用
  4. 提供实时预览窗口
  5. 允许你继续用对话修改代码

简单说，它把「AI 写代码」和「代码真正跑起来」这两件事合并在了一个界面里。

Bolt.new 的核心功能

1. 自然语言生成完整项目

Bolt.new 不只是生成代码片段，而是直接创建可运行的项目。它支持主流前端框架和全栈方案，包括：

  • React、Vue、Svelte
  • Next.js、Astro、Remix
  • Node.js、Express
  • Tailwind CSS、shadcn/ui
  • Supabase、Stripe 等第三方集成（需配置密钥）

2. 浏览器内实时运行与预览

得益于 WebContainers，Bolt.new 可以在浏览器中执行 npm 命令、启动 dev server，并实时显示预览。你不需要本地安装 Node.js，也不需要克隆仓库。

3. 对话式迭代修改

生成初版后，你可以继续用自然语言调整：

  • 「把登录按钮改成蓝色，并加上加载状态」
  • 「增加一个按截止日期排序的功能」
  • 「用 Supabase 替换本地存储」

Bolt.new 会理解上下文并修改对应文件。

4. 一键部署

Bolt.new 支持直接部署到 Netlify，部分版本也支持导出到 GitHub 或下载项目 ZIP。对于快速验证想法非常方便。

5. 错误自动修复

当运行出错时，Bolt.new 会读取错误信息并尝试自动修复，减少手动调试成本。

Bolt.new 价格：免费额度与订阅方案

Bolt.new 采用 Token 计费 + 订阅制 的模式。以下是截至 2025 年的主要方案（具体以官网为准）：

方案价格Token 额度主要特点
Free$0每日有限额度体验核心功能，适合测试
Pro$20/月约 1000 万 Token/月适合个人开发者日常使用
Pro 50$50/月约 2600 万 Token/月更高额度，适合高频使用
Pro 100$100/月约 5500 万 Token/月团队或重度用户
Teams$30/人/月起共享额度协作与管理功能

关于 Token 消耗的要点：

  • 简单页面生成可能消耗几千到几万 Token
  • 复杂全栈项目、多轮修改会快速消耗额度
  • 免费用户每天有额度限制，用完需等待重置
  • 超出额度后可购买额外 Token 包

建议：先用免费额度测试工作流，确认适合自己后再升级 Pro。

Bolt.new 上手指南：从零到部署

第一步：访问与注册

打开 bolt.new，使用 GitHub 或邮箱注册登录。进入后你会看到一个类似聊天界面的编辑器。

第二步：输入你的第一个需求

在输入框中描述你要做的应用。越具体，结果越好。例如：

创建一个个人作品集网站，使用 Next.js 和 Tailwind CSS。
包含首页、项目列表、关于我三个页面。
风格简洁现代，主色调用深蓝色。

点击生成后，Bolt.new 会自动创建文件、安装依赖并启动预览。

第三步：预览与测试

右侧会显示实时预览。点击按钮、切换页面，检查功能是否符合预期。

第四步：用对话迭代

发现问题是正常的。直接在对话框输入修改指令：

  • 「项目卡片在移动端变成一列」
  • 「给导航栏加上当前页面高亮」
  • 「把数据从硬编码改成从 JSON 文件读取」

每次修改后，Bolt.new 会更新代码并刷新预览。

第五步：连接后端与数据库（可选）

如果需要用户登录、数据存储，可以接入 Supabase：

  1. 在 Supabase 创建项目
  2. 获取 URL 和 anon key
  3. 在 Bolt.new 中告诉它「用 Supabase 实现用户注册登录」
  4. 按提示填入环境变量

第六步：部署上线

点击右上角 Deploy 按钮，选择 Netlify 授权部署。几分钟后你会得到一个公开链接。

Bolt.new 适合哪些场景？

推荐使用：

  • 快速验证产品想法（MVP）
  • 制作品牌落地页、个人作品集
  • 学习全栈开发，观察代码结构
  • 内部工具、小工具原型
  • 非开发者想要一个能用的网站

不太适合：

  • 大型复杂企业级应用
  • 需要精细性能优化的项目
  • 涉及敏感数据的生产系统（需自行审查代码安全）

使用 Bolt.new 的注意事项

  1. 代码需要审查：AI 生成的代码可能有安全漏洞或逻辑问题，上线前建议人工检查。
  2. Token 消耗要留意：复杂对话会快速消耗额度，建议把需求拆解清楚再生成。
  3. 版本控制：虽然可以导出到 GitHub，但建议养成定期备份的习惯。
  4. 依赖版本：AI 可能使用较旧的包版本，必要时手动升级。
  5. 环境变量管理：接入第三方服务时，密钥不要硬编码在代码里。

常见问题（FAQ）

Bolt.new 是免费的吗？

提供免费额度，但每日有限。重度使用需要订阅 Pro（$20/月起）或购买 Token。

Bolt.new 和 Cursor、v0 有什么区别？

Bolt.new 强调浏览器内运行完整全栈项目，无需本地环境；Cursor 是本地 AI 编辑器；v0 更偏 UI 组件生成。三者定位不同，可以配合使用。

需要会编程才能用吗？

基础使用不需要，但懂一些 HTML/JS 能帮你更好地描述需求和排查问题。

生成的项目可以商用吗？

可以，但建议审查代码许可和安全性。Bolt.new 不主张对生成代码的版权限制。

结论

Bolt.new 是目前最接近「用一句话做出一个网站」的 AI 开发工具之一。它的核心优势在于浏览器内全栈运行和对话式迭代，让原型开发速度大幅提升。

如果你经常需要快速验证想法、制作落地页或学习全栈开发，Bolt.new 值得加入你的工具箱。建议先用免费额度跑一个完整流程，再决定是否升级付费方案。

下一步行动： 打开 bolt.new，输入一个你一直想做的小项目，花 30 分钟体验从描述到部署的全过程。

返回 AI 教程列表