Bolt.new 是 StackBlitz 团队用 AI 和 WebContainers 技术打造的一个“神奇工坊”。你只需要用大白话描述想法,它就能在浏览器里帮你把完整的 Web 或移动应用“变”出来,从写代码到上线部署,一气呵成。不用装任何软件,特别适合想快速验证创意的开发者、产品经理,甚至是编程新手。
核心功能:从想法到上线的全流程
Bolt.new 把开发中那些繁琐的步骤都打包处理了。
AI 生成代码
告诉它“做个用 React 和 Tailwind 的博客网站”,它就能生成包含前后端、文件结构和依赖的完整项目。它支持 React、Next.js、Vue、Svelte 等一堆现代框架,还能帮你“增强提示”,让生成的代码更精准。
浏览器内的开发环境
这是它的绝活。基于 StackBlitz 的 WebContainers,你的浏览器瞬间变成一个功能齐全的开发机:能跑 Node.js 服务、能装 npm 包、有文件系统和终端。AI 不光生成代码,还能帮你管理环境、安装依赖。比起其他只能生成前端代码的 AI 工具,它能实实在在地运行和调试后端。
实时预览与调试
代码一边写,一边就能看效果。如果运行出错了,AI 会主动分析,尝试自动修复,或者给你具体的修改建议。你可以随时手动调整代码,改动立刻生效。
一键部署
应用做好了,点一下就能通过 Netlify 部署到云端,生成一个可以随时分享的在线链接。不用自己折腾服务器配置,非常适合快速展示 Demo 或者发布 MVP。
Figma 设计转代码
对设计师很友好。上传 Figma 设计文件,AI 能把它转换成可运行的前端代码,并集成到项目里,用的还是 Tailwind CSS 这类流行的样式方案。
开源与自定义
它的代码库(GitHub: stackblitz/bolt.new)是开源的,基于 Remix 和 Claude 模型。开发者可以拿去,用自己的 API 密钥搭一个定制版,或者集成别的模型。
令牌系统与计费
用 AI 功能(生成、修复代码)需要消耗“令牌”,大致按处理的字数算。免费用户每天有额度,用完了得等第二天刷新,或者升级付费计划来获得更多令牌和私有项目等功能。
使用技巧
想让 Bolt.new 更好用,可以记住这几点:在提示里尽量说清楚用的技术栈;先让它搭个基础架子,再慢慢加复杂功能;多用“增强提示”按钮让指令更明确;留意令牌的消耗,大任务可以拆分成几步;设计师可以好好利用 Figma 集成来提效。
适合谁用?
无论是想快速验证创意的开发者、需要制作可交互原型的产品经理和设计师,还是正在学习编程、想直观理解项目结构的新手,Bolt.new 都能提供一个零配置的快速启动通道。它的目标就是让应用开发的门槛低一点,再低一点。