学习路径
AI 基础知识
10 小时
Bolt.new 是一款全新的文本生成应用（text-to-app）AI 工具。与 Lovable 类似，它允许用户只用提示语就能构建应用。在本教程中，我将带您上手这款工具，并尝试用它创建一款健身锻炼应用。
如果您想进一步了解这类工具，建议查看我们的 Lovable 教程。
什么是 Bolt.new？
Bolt.new 是一款文本生成应用工具，能让开发者即时搭建全栈应用，现代框架、库与集成均已预配置好。
无需从零开始或花数小时配置项目脚手架，您只需输入类似“创建一个带有身份验证和 Stripe 支付的 SaaS 落地页”这样的提示，Bolt 就能在几秒钟内生成一个可运行的项目。
其核心理念是缩短从想法到上线产品的距离。使用 Bolt.new，您无需手动拼装依赖、路由、状态管理或样式库；这些选择都由工具自动处理。它旨在开箱即用地遵循最佳实践，因此产出的代码库结构清晰、可用于生产，而不仅仅是一次性的原型。
Bolt.new 允许您一键发布项目，将其公开在网页上。不过，在撰写本文时，数据库和身份验证等关键功能仍处于测试阶段，这使得其在真实应用中的使用受到较大限制。
如何开始使用 Bolt.new
首先前往其官网创建账户。在未订阅的情况下，您每月可用 100 万 tokens，且每日限额为 15 万 tokens。
免费档位可以让您上手试用，但不要指望能对应用进行大量迭代。
我尝试在初始提示中把所有功能都详细写明，以此绕过 token 限制，但发现它通常只会生成应用的核心思路，后续仍需进一步迭代，从而消耗更多 tokens。
如何用 Bolt.new 构建应用：健身教练应用
为测试 Bold.new，我们打算尝试构建一款健身教练应用。它的基本思路是每天为我们制定训练计划，并帮助我们跟踪进度，然后基于历史数据生成后续计划。
以下是我使用的初始提示：
I want to build an exercise tracking app for the gym. Each day it should give me an exercise set. A exercise specifies a machine, a weight and a number of repetitions. The app should allow me to mark, for each exercise, how many repetitions I did and wether it was hard, normal or easy. Then that data is used to plan further days.
提交提示后，它创建了一个 React 项目，并开始实现基本功能。它会在日志中提供所生成文件的完整列表：
一段时间后，应用运行起来了。当时的界面如下：
当创建新的训练计划时，我得到的是：
这并非完全符合我的想法，因为每个动作只包含一组，但已相当接近。公平地说，我的初始提示对此并不够清晰。这正是理解提示工程能发挥作用的地方。
就 tokens 而言，这个初始提示已经用掉了每日 15 万限额中的 9.7 万。这说明在免费计划下，我们很难把想法推进得很远。
请求对应用进行修改
这类文本生成应用 AI 工具的主要理念是，我们无需懂代码，只需通过与 AI 对话并提出修改请求，就能让想法落地。
为验证这一vibe-coding 的说法，我请求将每个动作改为由多组构成。
Bolt.new 进行了修改；不过在再次尝试渲染应用时，出现了错误。
界面会检测到错误，并提供自动尝试修复的选项。
有时候它能直接定位错误并自我修复。但这次，新改动又带来了其他错误：
经过几轮错误修复，我们得到了一个可用版本：每个训练计划包含多个动作，每个动作包含多组（次数）。对于每一组，我们可以记录自己完成了多少次，并对主观难度进行反馈。
这些反馈数据理应用于规划后续训练。我原本想继续对话询问该数据的使用细节，但那时我当天的额度已用尽。
我在创建此类应用时常遇到的一个问题是，我们对底层实现的掌控力较弱。可以通过试用来观察，但这并不总能让我们完全理解其实现方式。
查看 Bolt.new 的代码
如果您懂编程，就可以通过查看代码来理解应用的工作原理。与 Lovable 相比，Bolt.new 能在网页界面中非常方便地查看代码。
打开代码编辑器后，我们可以看到项目的全部文件，点击文件即可在编辑器中打开，从而了解其工作方式，并可直接在浏览器中修改。
我在其中看到了一个名为 workoutGenerator.ts 的文件，从名字看它包含了生成新训练计划的逻辑。
由于额度已用尽，我把代码复制粘贴给 ChatGPT，请它向我解释。以下是其工作原理的总结：
应用会查看您已完成的训练，每天为您创建新的训练计划。它会记录您已完成的训练次数，并在上肢、下肢或全身等不同类型之间轮换，使不同肌群在一段时间内得到均衡锻炼。对于每种训练类型，它会随机挑选若干与对应肌群匹配的动作，这样您不会总是做相同的动作。
它还会关注您以往训练的完成情况。如果某个动作感觉轻松，且您经常完成良好，它会略微增加重量或增加次数，以保持挑战性；如果某个动作过难，它会降低重量以提高可完成性。如此一来，训练会根据您的进展进行调整，帮助您在不过度的前提下以合适的节奏提升。对于产品的第一个版本而言，这在我看来是合理的。
发布 Bolt.new 应用
要发布应用，只需点击右上角的“Publish”按钮。
发布后，我们会在聊天中收到一个 URL，用于打开应用。
我们可以在浏览器中使用它并与他人分享。也可以将其安装到手机上。但因为它是 Web 应用，所以不是通过应用商店安装，而是通过浏览器执行以下操作：
- 在手机上打开链接。
- 点击浏览器的选项菜单。
- 点击“添加到主屏幕”。
遗憾的是，Bolt.new 并不会开箱即用地将应用做成渐进式网页应用（PWA）。这意味着，当我们按上述方式将其安装到手机上时，它只是在主屏幕创建一个链接，体验与直接在浏览器中使用并无太大差别。
我曾要求它将应用转换为 PWA，以便具备原生应用的行为，但效果不佳。Bolt.new 起初会生成必要文件，但 PWA 的一项要求是提供图标图片。可惜的是，Bolt.new 尝试通过写入图像字节来生成图标，这不仅很可能生成了无意义的图像，还把 tokens 全部消耗殆尽。
设置自定义域名
我们获得的应用 URL 是自动生成的，不适合用于生产。对于真实产品，我们需要购买并配置自己的域名。这可以在项目设置中的“Domains & Hosting”页面完成。
当前版本的应用不会把数据存入数据库。因此，如果我们在电脑上打开应用，然后再在手机上打开，就看不到相同的数据。设备上具备本地数据持久化，所以如果您使用同一设备，数据会存储在本地。这也是为什么刷新应用后，当前的训练计划和历史训练不会丢失。
这对于原型来说可以接受，但完全不适用于商业产品。目前，身份验证和数据库仍处于测试阶段。您可以通过报名其私测来获得访问权限。
结论
我认为，Bolt.new 非常适合快速搭建原型并验证产品想法。但 AI 往往只在表层实现功能，这意味着要做出有分量的应用，需要进行大量迭代。
即便提供了详尽的初始提示，最终结果也只是触及完整规格的一小部分；而免费档位的 token 限制则几乎让在未订阅的情况下构建有意义的内容变得不可能。
此外，鉴于身份验证和数据库等关键服务仍处测试阶段，我建议在它们正式发布之前，不要尝试构建面向生产的应用。
总体而言，Bolt.new 的运作方式与竞品相似，但其突出优势在于可以直接在网页界面查看并编辑源代码——这一关键能力缓解了我在使用 Lovable 等平台时所遇到的主要痛点。