
Bolt.new 是由 StackBlitz 推出的一个 AI 驱动的 Web 开发代理,允许用户直接从浏览器构建 Web、iOS 和 Android 应用。通过与 Expo 的集成,Bolt.new 为开发人员和非技术用户提供了生成移动应用代码并实时预览的能力,无论他们使用什么平台(Windows、Mac 等)。当用户提供反馈时,AI 代理会完善他们的需求,让用户可以实时观看他们的应用程序成型。

功能亮点
1. 无需编码即可构建应用
Bolt.new 通过 AI 技术,允许用户仅用日常语言描述他们的需求,即可生成高质量的应用代码。这一功能特别适合编程新手和非技术用户,大大降低了应用开发的门槛。
2. 实时预览与反馈
Bolt.new 的 AI 代理提供实时反馈,允许用户动态地完善他们的应用程序并不断增强生成的代码。用户可以实时观看他们的应用程序成型,确保最终产品符合预期。
3. 多平台支持
用户可以为 Web、iOS 和 Android 创建应用,无需编写任何代码。这使得 Bolt.new 成为一个强大的跨平台开发工具。
4. 简化部署流程
Bolt.new 支持一键发布到 Netlify,未来还将支持部署到 Cloudflare。这省去了用户自己打包和部署的麻烦,进一步简化了开发流程。
Bolt.new 的优势
虽然市面上已有不少优秀的开发工具,如 Claude 和 v0,但它们通常不允许用户安装包、运行后端或编辑代码。Bolt.new 的独特之处在于:
-
浏览器中的全栈开发:Bolt.new 结合了先进的 AI 模型和由 StackBlitz 的 WebContainers 提供支持的浏览器内开发环境,使您能够: -
安装和运行 npm 工具和库(如 Vite、Next.js 等) -
运行 Node.js 服务器 -
与第三方 API 交互 -
从聊天直接部署到生产 -
通过 URL 分享您的工作
-
-
具有环境控制的 AI:与传统开发环境不同,Bolt.new 让 AI 模型对整个环境(包括文件系统、Node 服务器、包管理器、终端和浏览器控制台)拥有完全控制权。这使得 AI 代理能够处理整个应用程序生命周期——从创建到部署。
无论您是经验丰富的开发者、产品经理还是设计师,Bolt.new 都能让您轻松构建生产级别的全栈应用程序。

如何使用 Bolt.new
使用 Bolt.new 非常简单,只需按照以下步骤操作:
- 访问 Bolt.new
转到 Bolt.new 并选择 Expo 入门模板。 - 描述你的需求
通过日常语言描述你想要的应用,例如:- 你想要一个什么样的应用?是博客、网页工具还是其他类型?
- 应用应该具有哪些一般特质?是专业的还是有趣的?
- 基本布局是什么?考虑你想包含的屏幕,例如主页、关于页面、产品页面或定价页面。
- 应用是否应该从任何地方提取特定数据?你可以要求 Bolt 使用特定的图像或从特定的公共来源提取数据。
- 提交提示
提交提示后,Bolt 的 AI 代理将开始编写你的应用代码。几秒钟之内,你就会拥有一个 MVP。 - 一键发布
生成的应用可以一键发布到 Netlify,未来还将支持部署到 Cloudflare。
以下是一些提示和技巧,帮助您充分利用 Bolt.new:
-
明确您的堆栈:如果您想使用特定的框架或库(如 Astro、Tailwind、ShadCN 或其他流行的 JavaScript 框架),请在初始提示中提到它们,以确保 Bolt 根据要求搭建项目。 -
使用增强提示图标:在发送提示之前,尝试点击“增强”图标,让 AI 模型帮助您完善提示,然后在提交前编辑结果。 -
先搭建基础,再添加功能:在深入更高级的功能之前,请确保应用程序的基本结构已经就位。这有助于 Bolt 了解您项目的基础,并确保在构建更高级功能之前一切都已正确连接。 -
批量简单指令:通过将简单指令合并为一条消息来节省时间。例如,您可以要求 Bolt 更改颜色方案、添加移动响应性并重新启动开发服务器,一步完成,这样可以节省您的时间并显著减少 API 信用消耗。

常见问题
-
付费计划:Bolt.new免费开始使用,更多AI令牌或私有项目可通过设置购买。 -
免费使用限制:达到每日免费限额后,AI交互将暂停,直至第二天或升级计划。 -
测试阶段:Bolt.new处于测试阶段,正根据用户反馈进行改进。 -
支持框架/库:Bolt.new支持大多数流行的JavaScript框架和库,适用于StackBlitz的也将适用于Bolt.new。
相关:
数据统计
相关导航


GitHub Copilot

文心快码

Windsurf Editor

JetBrains AI

Goose

腾讯云 AI 代码助手
