工具介绍与任务方法

Bolt

根据文字描述构建网站、应用和原型的 AI 工具。

Bolt 可根据提示构建 JavaScript 网站和应用,并提供预览、数据库、可视修改和发布入口。适合把一个交互想法逐步做成可运行的项目。

Bolt 能做什么

官方快速开始将生成、试用、数据库查看、选择器修改、版本恢复、代码查看和发布分成连续环节。生成结束后仍应从访问者角度测试。

桌面 Chromium、Safari 和移动端的编辑能力不同。预览服务与正式站点也不同,不能把有预览地址当成网站已经发布。

从提示建立可运行项目

用初始提示明确页面、动作和数据需求,Bolt 可建立网站、Web 应用或 Expo 移动应用方向。移动应用意图应在初始需求中说明。

使用数据库和账户能力

Bolt Cloud 提供内置数据库路径;快速开始展示了查看表和用户管理。也可按方案条件接入 Supabase,二者不能混成同一配置。

通过选择器或代码调整

快速开始提供选择器修改页面元素与 Code view 编辑方式。桌面 Safari 的代码视图为只读,不能照搬 Chromium 的直接编辑步骤。

恢复版本并单独发布

Version History 用于回到自动备份;发布则是独立动作。预览运行正常后还需发布,后续修改也需要再次 Publish 才对外更新。

核心用途
生成 JavaScript 应用并迭代预览
可完成的工作
交互网站、内部工具与移动应用原型
如何开始
描述目标后生成,逐项试用
使用条件
后端限 JavaScript,端侧能力有差异
从一个小任务开始

如何使用 Bolt

  1. 选对设备和项目类型

    桌面优先确认浏览器支持情况;需求中明确网站、Web 应用或 mobile app,并列出核心动作。

  2. 生成并亲自走流程

    等待项目生成后尝试按钮、表单和数据操作,不只看首页是否出现。

  3. 查看数据并小步修改

    检查数据库和用户管理,用选择器或当前设备支持的编辑方式修改,再复查行为。

  4. 核对用量后单独发布

    查看 token 消耗与版本记录,确认内容和可见范围后使用 Publish;修改发布站点时需要再次发布。

做一个可点击应用原型

适合:希望验证交互的产品人员

准备输入
页面内容、主要动作和示例数据
操作方法
编辑建议:先生成一个完整的小流程,像用户一样尝试注册或保存操作,再用选择器调整一个界面细节。
预期交付物
能评审的交互原型
人工检查
检查数据是否实际写入,错误操作是否有反馈。

扩展带数据的内部工具

适合:需要简单数据管理的团队

准备输入
表字段、用户角色和操作规则
操作方法
编辑建议:先查看 Bolt 内置数据库能力;需要 Supabase 时再确认方案和连接要求,分阶段加入数据读写。
预期交付物
具备数据流程的应用候选
人工检查
分别检查表结构、权限和账户管理,不在未确认时使用正式数据。

验证移动应用方向

适合:准备探索移动端的设计与开发人员

准备输入
手机使用场景、页面流程和设备要求
操作方法
编辑建议:在初始提示明确 mobile app,让项目采用 Expo 兼容方向,再检查适合手机的导航和输入。
预期交付物
可继续验证的移动应用原型
人工检查
移动应用项目与手机浏览器编辑平台是两种不同概念。

界面与参考图片

Bolt 对话任务与代码视图
官方快速入门演示中的代码视图:左侧保留修改任务与版本记录,右侧查看项目代码和终端。图片来源 ↗
做一个可点击应用原型原创流程示意
使用示意图 · 本站原创方法图:做一个可点击应用原型。非官方界面,也非产品实测结果。图片来源 ↗

开始前需要了解

后端不是任意语言运行环境

官方限定 JavaScript 后端,支持 Node.js;PHP 或 Python 后端不能直接按同一路径运行。

Safari 和移动端功能有缺口

Safari 的 Code view 只读并使用托管预览。手机端缺少代码视图、项目设置、历史版本、可视编辑和数据库等部分入口。

手机发布默认公开

官方说明移动界面发布的网站始终公开,且无法从移动界面更改可见性;需要先确认内容和公开范围。

Safari 代码视图只读;移动端缺少部分编辑能力,手机发布的网站默认公开。

账号权限、费用与可用功能请以官方入口的当前说明为准。重要结果应先检查,再用于实际工作。

查看 Bolt 官方说明 ↗

常见问题

Bolt 能运行 Python 后端吗?

官方支持范围是 JavaScript 后端,例如 Node.js;PHP 和 Python 不兼容这一构建路径。

Safari 能直接在 Code view 改文件吗?

不能。官方说明 Safari 中 Code view 为只读,可通过提示让 Bolt 修改,并使用托管预览。

手机上是否能完成桌面所有操作?

不能。手机可新建、聊天和发布,但代码视图、历史版本、数据库等部分功能需要桌面使用。

预览地址就等于正式发布地址吗?

不是。官方区分预览与正式网站,需要执行 Publish;后续修改也要再次发布才更新线上内容。

← 返回全部 AI 工具