Bolt.new是什么
想象一下,你跟一个人说”帮我做一个待办事项应用,要支持添加、删除、标记完成,界面好看一点”,30秒后一个能正常运行的Web应用就出来了。这不是科幻,这就是Bolt.new做的事。
Bolt.new是StackBlitz在2024年推出的AI全栈开发平台。StackBlitz之前做浏览器端的IDE很有名,WebContainers技术可以让你在浏览器里直接运行Node.js环境。Bolt.new在这个基础上加了AI,你用自然语言描述需求,它自动生成代码、安装依赖、启动开发服务器,你在浏览器里就能看到和操作最终效果。
目前支持的技术栈包括:React、Vue、Svelte、Next.js、Nuxt、Astro、Vite + Vanilla JS。前后端都能做,因为它在浏览器里跑的是完整的Node.js环境,数据库可以用SQLite。说白了,你说的”一个Web应用”,它真的能给你做一个前后端都有的完整应用。
怎么上手
打开bolt.new,不需要注册就能用(但注册后可以保存项目)。界面左边是对话区,你输入需求描述;右边分上下两部分,上面是代码编辑器,下面是实时预览。
你可以从最简单的描述开始。比如”做一个计算器”或者”做一个博客首页”。Bolt会先生成代码,然后自动编译运行,右边预览区就能看到效果。如果不满意,继续在对话区提修改意见——”把按钮颜色改成蓝色””加一个深色模式””添加一个登录页面”,它会继续修改代码并刷新预览。
生成的代码结构比较规范,不像有些AI代码工具输出的代码乱七八糟。它会按标准项目结构组织文件,组件拆分也合理。你如果想自己手动改代码,直接在编辑器里改就行,改完保存自动刷新预览。
免费版够用吗
Bolt.new有免费版和付费版。免费版每天有一定的生成次数限制(大约10次左右),单次生成有token上限。付费版分Basic(每月20美元)和Pro(每月40美元),Basic版每天100次生成,Pro版不限次数且优先使用最新模型。
免费版做个简单的小应用没问题,但如果你的需求比较复杂(比如涉及多页面、数据库操作、API对接),可能一次对话就用掉好几轮,10次很快就会用完。Basic版适合认真的个人项目,Pro版更多面向团队。
一个要考虑的点是:Bolt.new生成的项目可以一键部署到StackBlitz的托管平台,也可以导出到GitHub。部署后生成一个可访问的URL,方便分享给他人。这个功能免费版也能用。
实际效果
我试了几个场景:一个计算器、一个Markdown编辑器、一个带CRUD功能的笔记应用。简单需求(计算器)一次就生成好了,界面还过得去。Markdown编辑器第一次生成的预览样式有bug,提了一句修改意见后修复了。笔记应用最复杂,涉及到数据持久化,Bolt用localStorage实现了,虽然我想要的是后端数据库,但作为demo也能用。
生成的代码质量中等偏上。它不会用最新的语法糖,也不会刻意追求性能优化,但代码可读性好,结构清晰。适合作为项目起点,在此基础上继续开发比自己从零开始快很多。
不过有几个明显不足。第一,复杂交互(比如拖拽排序、复杂的表单验证)生成的代码经常有bug,需要手动修。第二,UI设计比较模板化,做出来的东西看起来都差不多,缺乏个性。第三,遇到报错的时候,Bolt有时候不能准确定位问题,给你改了几轮还是报错。
跟Cursor、v0.dev有什么区别
三个工具都是AI辅助开发,但定位不同。Cursor是代码编辑器,适合有编程基础的人日常写代码;v0.dev专注前端UI组件生成,设计感更强;Bolt.new则是端到端的应用生成平台,从需求到可运行应用一条龙。
如果你不会写代码但需要一个简单的Web应用,Bolt.new是最好入门的选择。如果你是开发者想提高编码效率,Cursor更实用。如果你只是需要设计一个好看的界面组件,v0.dev效果更好。
建议先用免费版玩几个小项目,感受一下它的能力边界。简单需求它确实能省不少时间,复杂项目把它当快速原型工具,在自己编辑器里继续开发。别指望一句话就能生成一个完善的产品级应用,那不现实。