Bolt.new 完整攻略：从新手到高手

是什么 / 适合谁

Bolt.new 是 StackBlitz 推出的一款 AI 全栈应用生成工具。你只需要用自然语言描述需求，它就能在浏览器中直接生成一个完整、可运行的 Web 应用——包含前端、后端、数据库、API 接口，甚至部署配置。整个过程在 WebContainer 环境中完成，无需在本地安装任何开发工具。

简单说，它把“从想法到可运行的应用”这个过程，压缩成了一句提示词。

适合谁：

• 产品经理、创业者：快速验证想法，生成可交互的原型
• 前端开发者：快速搭建项目骨架，省去繁琐的脚手架配置
• 全栈学习者：观察 AI 如何组织代码结构，理解全栈应用的构成
• 非技术人员：用自然语言生成简单工具型应用（如待办清单、记账本、投票页面）

不适合谁：

• 需要高度定制化、复杂业务逻辑的大型项目
• 对代码质量和安全性有严格要求的商业产品
• 网络环境不稳定的用户（需要稳定连接国外服务）

---

阶段学习路径

第1天：快速上手，跑通第一个应用

目标： 用一句提示词生成一个完整应用，理解基本流程。

1. 打开 Bolt.new 官网，你会看到一个简洁的输入框。
2. 输入你的第一个提示词，例如：“创建一个待办事项应用，支持添加、标记完成、删除任务，使用 React 和 Tailwind CSS，数据存储在本地 localStorage。”
3. 点击生成，等待 10-30 秒。你会看到 AI 逐步生成项目结构、安装依赖、编写代码。
4. 生成完成后，页面右侧会出现一个实时预览窗口，你的应用已经可以直接使用了。
5. 尝试修改提示词，比如“把主题改成深色模式”，观察 AI 如何增量修改代码。

关键技巧：

• 提示词越具体，结果越好。包含技术栈（React/Vue/Next.js）、样式框架（Tailwind/Bootstrap）、功能列表、数据存储方式。
• 如果生成结果不理想，不要重新开始，直接在对话中补充要求。

第1周：掌握核心功能，构建复杂应用

目标： 学会使用多轮对话、组件拆分、数据库集成。

1. 多轮迭代：不要指望一次生成完美应用。先让 AI 生成基础框架，然后逐步添加功能。例如：“添加用户登录功能”、“增加数据统计图表”、“加入搜索和筛选”。
2. 数据库集成：尝试生成带后端数据库的应用。提示词示例：“创建一个博客系统，使用 Next.js + Prisma + SQLite，支持文章发布、编辑、删除，有用户评论功能。”
3. 组件化思维：让 AI 生成可复用的组件。例如：“创建一个数据表格组件，支持排序、分页、自定义列。”
4. 调试与修改：如果生成的代码有 bug，直接把错误信息粘贴给 AI，它会尝试修复。

进阶：自定义与扩展

目标： 突破模板限制，实现自定义逻辑。

1. 手动编辑代码：Bolt.new 支持直接在浏览器中修改生成后的代码。你可以调整样式、修改逻辑、添加第三方库。
2. 导出项目：生成的应用可以一键导出为 ZIP 文件，或直接推送到 GitHub 仓库。导出后可以在本地用 VS Code 继续开发。
3. 集成外部 API：在提示词中明确说明要调用的 API。例如：“创建一个天气查询应用，调用 OpenWeatherMap API，显示当前温度和未来 7 天预报。”
4. 性能优化：对于复杂项目，注意控制每个提示词的范围。一次只让 AI 处理一个功能模块，避免 token 超限导致生成中断。

---

优势

1. 极速原型：从想法到可运行应用，平均只需 1-3 分钟。传统方式至少需要数小时搭建环境、配置项目。
2. 零环境配置：WebContainer 技术让一切在浏览器中完成，不需要安装 Node.js、数据库、包管理器。
3. 全栈覆盖：前端、后端、数据库、API、部署配置，一次生成全部搞定。
4. 实时预览：生成过程中即可看到应用运行效果，边生成边验证。
5. 增量修改：支持对话式迭代，无需每次都从头生成。

---

短板

1. 网络依赖：需要稳定连接海外服务，国内部分地区访问速度较慢或偶尔中断。
2. Token 限制：复杂项目（超过 500 行代码、多模块交互）容易超出 token 上限，导致生成不完整或中断。
3. 代码质量不稳定：生成的代码有时存在冗余、风格不一致、缺少错误处理等问题，需要人工审查。
4. 技术栈限制：主要支持主流框架（React、Vue、Next.js、Svelte），小众框架支持有限。
5. 不适合生产环境：生成的代码缺乏安全审计、性能优化、测试覆盖，不适合直接用于商业产品。

---

价格规划

Bolt.new 采用免费+订阅模式：

• 免费版：每日有生成次数限制（约 10-20 次），单次生成 token 上限较低，适合体验和学习。
• 付费版（按月订阅）：无每日次数限制，更高的 token 上限，优先使用最新模型，支持更长的对话历史。价格约 20-30 美元/月（具体以官网为准）。
• 企业版：提供私有部署、团队协作、自定义模型等高级功能，价格需联系销售。

建议：先用免费版充分体验，确认能满足需求后再考虑付费。对于重度用户，付费版能显著提升效率。

---

不合适怎么办

如果 Bolt.new 不适合你的场景，可以考虑以下替代方案：

1. 本地运行的开源替代：

   • OpenDevin：开源 AI 编程助手，可本地部署，支持复杂项目。
   • SWE-agent：专注于代码修改和 bug 修复的开源工具。

2. 国内可用的 AI 编程工具：

   • 通义灵码：阿里出品的 AI 编程助手，支持 VS Code 和 JetBrains，国内直接使用。
   • CodeGeeX：清华开源，支持代码生成、补全、翻译，免费且无需特殊网络。

3. 传统低代码平台：

   • Retool：适合构建内部工具，拖拽式操作，无需写大量代码。
   • Appsmith：开源低代码平台，支持连接数据库和 API。

4. 手动开发 + AI 辅助：

   • 使用 ChatGPT、Claude 等通用 AI 生成代码片段，手动整合到项目中。
   • 使用 GitHub Copilot 作为代码补全工具，在本地开发环境中提高效率。

最后建议：Bolt.new 最适合“快速验证想法”和“学习全栈架构”这两个场景。如果你的目标是构建一个长期维护的商业产品，建议用它生成原型，然后手动重构代码，确保质量和安全。