跳到内容

晚上好,辛苦一天了,放松一下吧。

Bolt.new

Bolt.new

Bolt.new is an AI development platform from StackBlitz that generates, runs, and deploys web or mobile applications through natural language descriptions. Based on WebContainers technology, it provides a complete development environment in the browser, supports mainstream frameworks such as React and Next.js, and integrates Figma design transformation and one-click deployment. Suitable for developers, product managers and beginners to quickly build prototypes or production-grade applications.

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

发表评论

正文
强调色