跳到内容

夜深了,注意休息,愿你今夜好梦。

Bolt.new

Bolt.new

Bolt.new 是 StackBlitz 推出的 AI 开发平台,通过自然语言描述即可生成、运行和部署 Web 或移动应用。它基于 WebContainers 技术,在浏览器中提供完整的开发环境,支持 React、Next.js 等主流框架,并集成 Figma 设计转换与一键部署功能。适合开发者、产品经理及初学者快速构建原型或生产级应用。

浏览 415 收藏 0 外链点击 0 更新 2026年4月15日
适用地区
全球
适用平台
以官网说明为准
是否免费
以官网与标签为准

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 都能提供一个零配置的快速启动通道。它的目标就是让应用开发的门槛低一点,再低一点。

发表评论

正文
强调色