主题
Bolt
一句话用途
AI全栈原型开发工具,一句话生成完整Web应用并即时预览,适合出海MVP快速验证。
快速上手
- 注册/安装:https://bolt.new 用浏览器直接访问,无需安装
- 核心配置:
- 登录后选择技术栈(React/Next.js/Vue/Svelte等)
- 无需配置开发环境,内置Node.js运行时
- 第一次使用:
- 在输入框描述需求:"创建一个SaaS定价页面,包含3个套餐,支持月付/年付切换"
- 等待生成(约10-30秒)→ 在右侧预览窗口查看效果
- 点击 "Deploy" 一键上线
出海场景用法
| 场景 | 用法 | 相关SOP |
|---|---|---|
| 快速MVP验证 | 一句话生成功能原型,验证产品假设 | MVP思维 |
| Landing Page | 生成营销落地页,快速上线测试转化 | v0 |
| 功能原型 | 生成特定功能模块代码,迁移到正式项目 | v0 |
| 技术选型验证 | 对比不同框架实现同一功能的效果 | 技术选型SOP |
关键功能
- 全栈生成:前端UI + 后端API + 数据库Schema,一次性生成完整应用
- 内置终端:直接在浏览器中运行npm命令、安装依赖、执行构建
- 实时预览:右侧窗口即时预览生成结果,支持热更新
- 多种框架支持:React、Next.js、Vue、Svelte、Astro 等
- 一键部署:生成后直接部署到Netlify或 Cloudflare Pages
- 代码导出:下载完整项目源码,迁移到 Cursor 继续开发
- AI迭代:对话式修改,"把按钮改成蓝色"、"添加暗黑模式"
替代工具
- v0:Vercel的AI前端设计工具,专注UI生成,不生成后端逻辑
- Claude Code:在Claude对话中生成前端代码片段,适合单组件开发
- Replit:在线IDE + AI辅助,更接近传统开发流程
参考文章
- MVP思维:从想法到上线的最小路径
- Vercel:Bolt生成的项目可部署到Vercel
- Cursor:Bolt生成的代码可在Cursor中继续迭代