首页
Bolt.new

Bolt.new

Bolt.new 是 StackBlitz 的 AI 全栈开发环境,可从自然语言提示在浏览器内直接构建、运行并部署完整的 Web 应用程序。

编程 免费增值 · Free tier with daily token limits; paid plans for higher usage and team features
访问网站

Bolt.new 是 StackBlitz 打造的革命性 AI 全栈开发平台,借助 WebContainers 技术在浏览器中原生运行完整的 Node.js 环境。与仅输出代码片段的生成工具不同,Bolt.new 能实时创建、执行并迭代整个 Web 应用程序——无需在本地安装任何东西。您只需描述想要构建的内容,Bolt.new 就会搭建项目脚手架、安装 npm 包、启动开发服务器,并在同一个浏览器标签页内提供实时预览。

Bolt.new 的核心创新是 StackBlitz 的 WebContainers 运行时,它利用 WebAssembly 在浏览器内运行真实的 Node.js 环境。这不是模拟开发环境,而是真正在运行。执行 shell 命令、安装 npm 包、运行 Vite 或 webpack 等构建工具、通过 localhost 提供应用服务,全部无需离开浏览器。

Bolt.new 支持 React、Vue、Svelte、Astro、Remix 等主流现代框架,同样支持后端逻辑——可创建 Express API、连接数据库、实现全栈功能。一键部署到 Netlify 等平台,让从想法到可公开访问的 URL 的全过程前所未有地短暂。

该平台对非工程师和低代码实践者尤为强大。整个工作流通过对话完成——描述功能,Bolt.new 实现它,查看结果,再迭代——这彻底消除了配置开发环境的门槛,真正实现了 Web 开发的普惠化,让产品经理、市场人员和创业者无需自己写一行代码就能构建可用的 Web 工具。

创业团队用它在数小时内构建 MVP,设计师用它创建超越静态原型的可交互演示,开发者用它探索新框架或第三方集成而不污染本地环境。Bolt.new 正在重新定义 Web 开发的起点。

主要功能

  • 通过 WebContainers 在浏览器中原生运行完整 Node.js 环境——无需本地配置
  • 从自然语言提示构建完整 Web 应用——支持 React、Vue、Svelte、Astro、Remix 等
  • 在浏览器沙箱内直接安装和管理真实 npm 包
  • 带实时预览的开发服务器——变更时即刻看到应用运行效果
  • 全栈支持——在浏览器内创建 REST API、连接数据库、实现后端逻辑
  • 多文件项目理解——AI 在组件、路由和配置文件间进行一致性变更
  • 从浏览器直接一键部署到 Netlify、Vercel 等平台
  • Shell 命令执行——在浏览器终端运行脚本、构建工具和 CLI 命令
  • 从 GitHub 导入——加载现有仓库并在 AI 辅助下继续开发
  • 协作分享——分享 Bolt.new 项目的实时链接,即时演示和收集反馈

常见问题

Bolt.new 是免费的吗?

Bolt.new 提供含每日 AI 生成 token 配额的免费套餐,对实验和小型项目已经足够。付费方案可解锁更高 token 限制、更大文件支持,以及私有项目和团队协作等附加功能。定价采用消耗计量制,反映了在云端运行完整 Node.js 环境的计算成本。

使用 Bolt.new 需要会写代码吗?

不需要,Bolt.new 专为非工程师设计。用普通语言描述需求,AI 帮您构建。无需写代码,通过自然对话就能迭代功能。不过,了解组件、API 等基本 Web 概念有助于您给出更好的提示并理解输出结果。技术用户也可以在内置编辑器中直接编辑生成的代码。

Bolt.new 支持哪些框架和技术?

Bolt.new 支持 React、Vue.js、Svelte、Astro、Remix、Next.js 及原生 HTML/CSS/JavaScript 等主流现代 Web 技术。后端支持 Node.js、Express 和各种数据库集成。由于可以安装任意 npm 包,它实际上可以与 JavaScript 和 TypeScript 生态中的绝大多数库协同工作。

Bolt.new 与其他 AI 编码工具有何不同?

核心差异在于 Bolt.new 在浏览器中运行真实的完整执行环境。GitHub Copilot 或 ChatGPT 等工具生成的代码需要您自行运行,而 Bolt.new 会真正执行代码、安装依赖、启动服务器并展示实时预览——一切在同一环境内完成。反馈循环即时、消除所有配置摩擦,对快速原型验证尤为有价值。

能导出 Bolt.new 项目并在本地继续开发吗?

可以,您可以将整个项目下载为 zip 文件,或连接到 GitHub 仓库。这样就能在 VS Code 等本地 IDE 中继续开发,或将项目移交给开发团队进一步推进。导出的代码是标准的、干净的代码,无任何私有绑定——只包含您选择的 npm 包和框架。

替代工具

编程的其他工具

标签

AI development full-stack web app StackBlitz no-code prototyping

相关指南

中文开发团队使用AI工具规划微信小程序需求代码真机测试与提审流程
编程

AI微信小程序开发工具推荐2026:用Cursor、GitHub Copilot、v0和Bolt.new从需求到提审

更新时间:2026年8月4日 · 分类:AI编程工具 让AI做出一个“像微信小程序”的页面并不难,难的是让它真正通过真机、权限、隐私、接口和提审检查。 浏览器预览里的卡片很漂亮,不代表WXML结构合理;本地Mock返回成功,不代表登录态能续期;开发者工具里能打开,不代表弱网、旧机型、分包和隐私授权都正常。最危险的不是AI写不出代码,而是团队把“能展示”误认为“能上线”。 这篇文章面向中国市场的产品经理、小程序开发者、电商与门店运营团队、外包工作室、创业公司和企业数字化团队。我们会比较 Cursor、GitHub Copilot、v0、Bolt.new、Continue和 Phind在需求拆解、视觉原型、代码实现、测试、审查中的不同位置。 先说结论:v0和Bolt.new更适合快速验证Web式交互与页面方向,不应被当成“一键生成原生小程序”的保证;Cursor、Copilot、Continue更适合在真实小程序项目、跨端框架项目和后端仓库中修改代码;Phind适合查官方资料与技术问题。无论用哪个工具,最终都要回到微信当前开发文档、真实项目配置、真机测试和人工提审清单。 目录 小程序开发为什么不能照搬Web生成结果 先把业务需求变成可验证的开发包 Cursor、Copilot、v0、Bolt.new、Continue、Phind对比 为AI准备清楚的项目架构与边界 从需求到提审的10步工作流 登录、隐私与敏感数据必须单独设计 真机、弱网、性能和兼容性怎么测 团队与外包项目的代码审查和交付标准 findaiverse选型观察 常见问题 核心要点 先区分原型与生产代码 — v0、Bolt.new可帮助验证页面和流程,正式小程序仍要按目标技术栈重写或适配。 给AI的是需求合同 — 页面状态、接口、权限、失败路径、验收条件要比“做个商城首页”更具体。 秘密信息不进入模型上下文 — AppSecret、用户数据、生产日志、支付资料与管理后台地址必须隔离。 提审不是开发最后一天的动作 — 类目、隐私、内容、授权、支付、客服与版本说明要从需求阶段准备。 真机证据高于漂亮预览 — 覆盖弱网、拒绝授权、登录过期、空数据、重复点击、低端设备和回退路径。 小程序开发为什么不能照搬Web生成结果 第一处差异是运行环境。Web组件、浏览器API、DOM操作、CSS能力和小程序组件体系并不完全相同。AI从大量Web示例中生成的代码,可能引用浏览器专用对象、第三方包或样式写法,在小程序环境里无法直接工作。即使使用跨端框架,也要遵守目标平台的编译、包体、组件和生命周期规则。 第二处差异是页面生命周期。小程序页面的加载、显示、隐藏、卸载与Web单页应用不同。AI若只在页面加载时请求数据,用户从授权页返回或从后台恢复时可能看到旧状态;若每次显示都重复请求,又会造成闪烁和浪费。生命周期选择必须基于业务状态,而不是照抄模板。 第三处差异是登录与授权。小程序端拿到临时凭证后,通常还要由服务端完成会话交换和业务账号绑定。把秘密放在前端、长期缓存敏感会话、把前端传来的用户标识当作可信身份,都会带来风险。AI可以生成流程骨架,但认证边界必须由后端和安全负责人定义。 第四处差异是网络与域名配置。开发环境里的Mock接口没有域名、证书、超时、跨地域和网关限制。正式项目要处理请求失败、业务失败、会话失效、重复提交、重试、取消和离线。不能只写一个“请求失败,请稍后重试”覆盖所有情况。 第五处差异是平台能力与审核。定位、相册、手机号、支付、订阅消息、客服等能力都有具体使用条件和用户体验要求。产品在页面上能调用某个API,不等于业务场景就可以无条件使用。应查看 微信小程序官方开发文档中的当前要求,并以实际账号后台与提审提示为准。 最后,页面“像”不代表交互“对”。商品列表要处理售罄、价格变化、规格选择、购物车合并;预约要处理时段冲突、重复提交、取消规则;门店页要处理定位拒绝与无门店区域。生成式原型可以帮助讨论视觉,但业务不变量需要写进接口和测试。候选开发工具可在 findaiverse AI编程工具分类继续比较。 先把业务需求变成可验证的开发包 开发包第一部分是一句话目标。不要写“做一个AI小程序”,而要写“让已有会员在门店缺货时选择附近门店并提交到店自提预约,门店员工在后台确认后发送状态通知”。目标里要有用户、动作、结果和业务边界。AI才能判断哪些页面和接口是必要的。 第二部分是角色与权限。游客、注册用户、会员、门店员工、总部运营、客服分别能看什么、改什么、审批什么。前端隐藏按钮不是权限控制,服务端必须再次校验。把“用户不能查看其他人的订单”“门店只能处理所属门店预约”写成不变量,方便生成负向测试。 第三部分是页面状态。每个页面至少列出首次加载、加载中、正常、空数据、部分失败、完全失败、无权限、登录过期、离线、提交中、提交成功、提交失败。很多AI原型只有理想状态,导致后期补错误页面时结构大改。状态先行能让产品、设计、开发、QA使用同一张表。 第四部分是数据合同。给出字段名、类型、单位、是否必填、枚举值、时间格式、分页、错误码、示例。示例使用虚构数据,不放真实手机号、地址、订单号和Token。若接口尚未确定,标记为待定,不让AI自行发明并被前端当成正式约定。 第五部分是验收证据。每个核心故事写Given、When、Then:已有会员且门店有库存时,选择时段并提交,应只创建一条预约并显示编号;网络超时后重复点击,服务端仍只保留一条;定位被拒绝,用户可以手动选城市。验收条件越具体,AI生成的测试越有价值。 最后加入限制:目标基础库与技术栈、项目目录、可改文件、禁止依赖、包体与性能目标、支持设备范围、隐私分类、提审类目、发布日期、负责人。遇到文档或需求冲突时,AI应列出问题并暂停,而不是选择看起来顺手的实现。 Cursor、Copilot、v0、Bolt.new、Continue、Phind怎么分工 […]

阅读更多 →
DeepSeek NotebookLM ChatPDF Jasper AI客户案例白皮书写作工作流
写作

AI客户案例白皮书写作工作流2026:用DeepSeek、NotebookLM、ChatPDF和Jasper从访谈证据到销售内容

从客户授权、访谈、主张台账和指标口径,到长篇案例、行业白皮书、公众号、销售PPT、事实审核与持续更新的中文B2B内容流程。

阅读更多 →
Napkin AI Canva AI Figma AI Gamma信息图表设计工作流
设计

AI信息图表设计工作流2026:用Napkin AI、Canva AI、Figma AI和Gamma把数据做对再做美

从数据来源、指标口径和图形选择,到中文标签、组件、事实审核、无障碍与多渠道更新,建立可追溯的AI信息图设计流程。

阅读更多 →
AI餐饮菜单图外卖与门店图片制作工作流
图像生成

AI餐饮菜单图制作工作流2026:用Midjourney、Adobe Firefly、PhotoRoom和Canva AI做外卖与门店图片

以真实菜品与包装为基准,分层完成抠图、背景、中文价格、渠道尺寸和四道审核,避免AI图片改变份量、配料与顾客预期。

阅读更多 →