Bolt.new 简介
Bolt.new 是一款由人工智能驱动的构建工具，用于创建网站、网络应用和移动应用。只需在聊天框中输入您的想法，点击箭头图标，Bolt 即可在几分钟内将您的构想转化为可运行的产品。通过一个简单的提示，您可以构建：
通过下面官网链接注册可以免费获得200K的tokens，
如果自己直接官网注册是没有赠送的，务必点击下面链接优惠免费注册。
- 精美的网站，例如登陆页面、个人网站、企业网站、电子商务商店等；
- 强大的网络应用，如项目管理工具、招聘平台、客户关系管理系统、SaaS 平台、预约系统等；
- 多功能的移动应用，包括游戏、生产力工具、社交应用、健身计划等，以及您能想象到的任何内容。
如果您需要 Bolt 的基础知识，这段两分钟的视频将展示其工作原理。
Bolt.new 适用于谁？
Bolt.new 适用于所有人。无论您从未编写过一行代码，还是经验丰富的全栈开发者，Bolt 都能帮助您更快地构建更多内容。
对于编程新手，Bolt 消除了技术障碍。只需描述您想要的内容，Bolt 就会为您创建。您可以通过简单的聊天提示进行修改，无需任何编程知识：只需带来您的想法和反馈，Bolt 将处理其余部分。
对于经验丰富的开发者，Bolt 提供速度、灵活性和完全控制。您可以选择语言和框架，连接源代码控制，并在内置编辑器中直接编辑代码。或者，您也可以不这样做。对于有技术背景的人来说，Bolt 的魅力在于：随时编码，随时使用提示。
您能构建什么？
使用 Bolt，您可以构建网站和基于 JavaScript 的全栈网络应用。为了获得灵感，Bolt 的 YouTube 频道展示了用户通过 Bolt 成功发布的应用案例。您可以使用广泛的基于 JavaScript 的网络框架，并与其他工具集成来构建应用。Bolt 支持的集成包括：
- Figma，用于设计；
- Supabase，用于数据库、身份验证和文件存储；
- GitHub，用于版本控制、备份和协作；
- Expo，用于移动应用开发；
- Stripe，用于支付处理。
有关支持的技术和推荐架构的更多信息，请参考“支持的技术”部分。
如何发布您的项目？
虽然您可以使用上述集成发布项目，但最简单的方式是使用 Bolt 的内置托管服务。Bolt 托管允许您在几秒钟内将项目发布到实时 URL，并包含免费的 .bolt.host 域名。无需任何第三方账户：Bolt 处理一切。所有 Bolt 用户（免费版和专业版）均可将项目发布到 .bolt.host 域名，但自定义域名仅适用于专业版用户。
Bolt.new 与 StackBlitz
StackBlitz 是 Bolt 的母公司，两者之间有两大关键联系：
- Bolt 使用 StackBlitz 的 WebContainers 提供开发环境；
- Bolt 还与 StackBlitz 链接，用于账户和项目管理。有关更多信息，请参考“账户和订阅”部分。
有关 StackBlitz 的更多详情，请参阅 StackBlitz 文档。
定价
有关定价详情，请访问 Bolt 网站的定价页面。定价基于令牌和令牌使用情况。了解更多关于令牌和最大化令牌效率的信息。
使用 Bolt.new 构建您的第一个网站或应用：无需编码
在本逐步指南中，您将学习如何构建、编辑和发布一个示例宠物名称选择器网络应用。您可以在自己的浏览器窗口中跟随操作，或使用这些提示作为您自己想法的起点。
跟随本教程将使用约 120K 令牌，这略低于 Bolt 免费计划的每日配额 150K。
如果您寻求更高级的指南，可以跳过此部分，转而阅读“规划您的应用”文章。
所需条件
- Chrome 或基于 Chromium 的浏览器（Opera、Brave、Edge、Vivaldi 等）；
- 10–15 分钟。
请注意，Bolt 将以略微不同的方式构建您的应用。您可以逐步跟随，但个别结果可能略有差异。
第一部分：使用第一个提示构建您的应用
您即将首次体验 Bolt 的功能。按照以下步骤，您将在几分钟内获得一个可运行的应用！
- 在新标签页中打开 Bolt.new。
- 在聊天框中粘贴此提示：构建一个宠物名称选择器应用，使用下拉菜单允许人们选择动物类型（例如狗、猫、鸟、蜥蜴等）和名称类别（例如可爱、名人双关语、电影灵感等）。允许他们保存收藏。
- 点击蓝白箭头提交。
- 登录或注册（Google、GitHub 或电子邮件：无需信用卡）。如果已登录，则不会看到此步骤。
- 等待几分钟，让 Bolt 创建您的应用。
- 在预览窗口中试用。选择动物、类别，并获取名称。（名人双关语是我们最喜欢的。）
恭喜！您刚刚构建了第一个 Bolt 网络应用！
理解令牌
Bolt 使用大型语言模型 (LLM) 技术处理您的提示并构建网站。您无需了解技术细节，但了解 LLM 基于令牌系统工作，以及 Bolt 的免费和付费计划基于此系统会有所帮助。将令牌视为 Bolt 努力的度量单位。Bolt 在以下情况下“使用”令牌：
- 阅读；
- 思考；
- 构建。
您的网站或应用越大越复杂，构建所需的令牌就越多。
第二部分：在聊天中启用令牌显示
启用聊天中显示令牌使用情况的选项，以帮助您了解提示使用了多少令牌。
- 将鼠标悬停在屏幕左侧，然后点击设置。
- 在个人设置菜单下点击常规。
- 切换开启“在聊天中显示令牌使用情况”。
- 查看聊天框上方剩余令牌。如果您知道起始数量，可以计算初始应用构建所需的令牌。
在我们的示例中，我们从 150K 令牌开始，初始构建后剩余 86K，这意味着我们使用了 64K 令牌来构建宠物名称选择器的第一个版本。
第三部分：使用讨论模式进行头脑风暴和获取建议
现在您已构建了第一个网络应用，让我们尝试 Bolt 的讨论模式来获取改进想法。讨论模式适合不确定或塑造提示时使用。它类似于构建模式，但使用约 90% 更少的令牌，因此是提问的最佳起点。在以下示例中，我们将使用讨论模式为您的应用 brainstorm 一个新的配色方案。跟随操作以了解其工作原理。
- 点击聊天框底部的“讨论”切换到讨论模式。当处于讨论模式时，“讨论”图标将高亮为蓝色。
- 使用以下提示向 Bolt 询问三个适合您的应用的配色方案想法：我想将配色方案更改为暗黑模式主题。为此站点提供三个建议的配色方案。
- 点击蓝白箭头提交。
- 复制您最喜欢的配色方案名称。在我们的示例中，我们复制了“Deep Night Sky (Blue/Purple Focus)”。
请注意，使用讨论模式进行此问题仅使用了约 1K 令牌。
第四部分：应用您的颜色更改
现在您知道想要切换的配色方案，是时候进行更改了。同时，我们将关注令牌情况。
- 点击聊天框底部的“讨论”切换回构建模式。
- 在聊天框中输入提示，指示 Bolt 更改您在上节中选择的配色方案。例如：将配色方案更改为 Deep Night Sky (Blue/Purple Focus)。
- 点击蓝色箭头图标提交提示。讨论模式通常提供可点击的操作，因此无需手动输入提示。在上述示例视频中，我们可以直接点击聊天历史中的“Implement Deep Night Sky”蓝色按钮。
- 等待 Bolt 完成更改，并更新预览屏幕以显示新颜色。
- 检查聊天框上方的令牌余额，以了解进行此更改使用了多少令牌。虽然初始应用构建使用了 86K 令牌，但更改配色方案仅使用了 56K 令牌（从 85K 开始，剩余 29K）。
干得漂亮！现在您了解了如何在创建后更改站点，以及进行此类更新所需的令牌数量。
第五部分：使用版本历史恢复自动备份
无论您是多么经验丰富的构建者，事情并不总是按计划进行。有时，您会希望逆转对站点的更改。在这种情况下，最简单的修复是恢复到先前版本。为了展示其工作原理，您可以按照以下步骤将站点恢复到原始配色方案：
- 点击“查看历史”。
- 点击原始版本，这将打开其预览模式。
- 在屏幕右上角点击“恢复此版本”。
- 点击“恢复版本”以确认。
很好！您刚刚将站点恢复到较早的备份！您注意到剩余令牌余额没有变化吗？恢复站点到先前版本不使用令牌！
第六部分：发布您的项目
按照以下步骤使用 Bolt 的内置托管发布您的应用：
- 点击屏幕右上角的“发布”。
- 点击出现的第二个“发布”按钮。
- 等待约一分钟，让 Bolt 部署您的站点。
- 点击聊天窗口中出现的链接，在新浏览器标签页中打开您的站点。
太棒了！您刚刚发布了 Bolt 网络应用！
后续步骤
干得漂亮，您已成为 Bolt 构建社区的一员！现在是时候开始积累专业知识，并学习如何准确高效地将您的想法转化为现实。对于您的下一个项目，您可以从“规划您的应用”开始。一旦您掌握了第一个提示的基础，您可以继续学习“有效提示”和“有效使用讨论模式”。同时，请务必查看帮助中心最受欢迎的文章之一：“最大化令牌效率”。
通过下面官网链接注册可以免费获得2000K的tokens，
如果自己直接官网注册是没有赠送的，务必点击下面链接优惠免费注册。
如何优化您的 Bolt.new 体验
在使用 Bolt.new 构建网站或应用时，优化工作流程和资源使用至关重要。以下是一些实用建议，帮助您更高效地使用 Bolt.new，最大化其潜力并节省令牌。
1. 有效编写提示
提示（Prompt）的质量直接影响 Bolt.new 生成结果的准确性和效率。以下是一些编写高效提示的技巧：
- 明确具体：清晰描述您的目标。例如，“构建一个带有搜索功能的博客网站，包含深色主题和响应式设计”比“创建一个网站”更有效。
- 分步描述：将复杂项目分解为多个提示。例如，先要求 Bolt 创建基本布局，再逐步添加功能，如用户登录或支付系统。
- 使用示例：如果您有灵感来源，可以提供参考。例如，“设计一个类似 Airbnb 的预约平台界面”可以帮助 Bolt 更好地理解您的需求。
通过编写清晰、具体的提示，您可以减少反复修改的需要，从而节省令牌并提高效率。
2. 善用讨论模式
如前所述，讨论模式是探索想法和获取建议的理想工具。它不仅节省令牌，还能帮助您在构建前完善创意。以下是一些使用讨论模式的场景：
- 头脑风暴：询问 Bolt 关于功能、设计或技术栈的建议。例如，“为一个在线学习平台推荐三种数据库架构”。
- 问题解答：如果您不确定某项功能的实现方式，可以在讨论模式中提问。例如，“如何在我的应用中添加实时聊天功能？”
- 优化现有项目：讨论模式可用于微调现有项目。例如，“如何提高我的电子商务网站加载速度？”
通过在讨论模式中进行初步探索，您可以确保在进入构建模式时拥有更清晰的方向。
3. 管理令牌使用
令牌是 Bolt.new 的核心资源，合理管理令牌使用对免费和付费用户都至关重要。以下是一些节省令牌的技巧：
- 从小规模开始：先构建最小可行产品（MVP），然后逐步添加功能。例如，先创建一个简单的登陆页面，再添加复杂的功能，如用户认证或支付集成。
- 复用现有版本：利用版本历史功能恢复到早期版本，避免从头开始重新构建。
- 定期检查令牌使用：启用“显示令牌使用情况”后，定期查看每次操作的令牌消耗，了解哪些操作更耗资源。
有关更多令牌优化的建议，请参阅 Bolt 帮助中心的“最大化令牌效率”文章。
进阶功能：定制与扩展
对于希望深入探索 Bolt.new 的用户，平台提供了丰富的定制和扩展选项，以满足更复杂的需求。
1. 自定义代码编辑
虽然 Bolt.new 的 AI 驱动构建功能对非技术用户友好，但它也为开发者提供了强大的代码编辑功能。您可以在 Bolt 的内置编辑器中直接修改代码，支持以下操作：
- 选择技术栈：Bolt 支持多种 JavaScript 框架（如 React、Vue.js、Next.js 等），您可以指定首选框架或库。
- 集成外部 API：通过代码编辑，您可以连接外部 API，例如天气服务、地图服务或自定义数据源。
- 优化性能：手动调整代码以提高应用性能，例如优化前端渲染或减少服务器请求。
2. 与第三方工具深度集成
Bolt.new 的集成能力使其成为构建复杂应用的强大平台。除了前文提到的 Figma、Supabase、GitHub、Expo 和 Stripe，Bolt 还支持其他工具和服务，例如：
- Vercel：用于部署和扩展您的网络应用，提供无缝的服务器托管。
- Cloudinary：用于管理和优化图像及视频内容。
- Auth0：为您的应用添加企业级身份验证功能。
通过这些集成，您可以构建功能丰富、性能优越的应用，同时保持开发流程的简洁。
3. 团队协作
Bolt.new 也支持团队开发。通过与 GitHub 的集成，多个开发者可以在同一项目上协作，跟踪更改并管理版本。以下是一些团队协作的最佳实践：
- 设置分支：在 GitHub 上为不同功能或实验创建分支，以避免干扰主项目。
- 实时协作：利用 StackBlitz 的 WebContainers 技术，团队成员可以同时在 Bolt 环境中工作。
- 文档记录：在项目中记录提示历史和设计决策，确保团队成员了解开发进展。
Bolt.new 社区与资源
加入 Bolt.new 社区是提升技能和获取灵感的好方法。以下是一些值得探索的资源：
- Bolt YouTube 频道：观看用户案例和教程，了解如何使用 Bolt 构建创新应用。
- 帮助中心：提供详细文档，涵盖从基础操作到高级开发技巧的各种主题。
- 社区论坛：与其他 Bolt 用户交流，分享提示、技巧和项目创意。
- 博客：Bolt 官方博客定期发布更新、案例研究和行业趋势，助您保持领先。
常见问题解答
以下是一些用户常见问题的解答，进一步帮助您了解 Bolt.new：
- Bolt.new 是否需要编程经验？ 不需要。Bolt 的 AI 驱动界面允许任何人通过自然语言提示构建应用。但对于有编程经验的用户，Bolt 提供了代码编辑和高级配置选项。
- 我可以离线使用 Bolt.new 吗？ 目前，Bolt.new 需要互联网连接以访问其基于云的开发环境和 AI 功能。
- 免费计划是否足够使用？ 免费计划提供每日 150K 令牌配额，足以构建和测试小型项目。对于更复杂或频繁使用的项目，建议考虑专业版计划。
- 如何获取支持？ Bolt 提供全面的帮助中心和社区支持。专业版用户还可享受优先技术支持。
Bolt.new 是一款革命性的工具，它通过人工智能的力量，让网站和应用的构建变得更加简单、快速和灵活。无论您是希望快速创建原型的初学者，还是追求高效开发的专业人士，Bolt 都能满足您的需求。从简单的提示到复杂的代码定制，Bolt.new 提供了一个直观且强大的平台，让您的创意得以实现。
立即访问 Bolt.new，尝试构建您的第一个项目！通过规划、提示和讨论，您将发现 Bolt 如何帮助您将想法变为现实，同时节省时间和资源。加入 Bolt 社区，探索无限可能！