Bolt DIY + Claude 3.7：零成本搭建AI编程环境全攻略

前言：为什么Bolt DIY值得关注

在AI编程工具百花齐放的今天，Bolt.new凭借其强大的在线编程能力赢得了大量用户。但它的订阅费用和Token限制让不少开发者望而却步。而Bolt DIY——Bolt.new的开源免费版本，配合当前最强编码模型之一的Claude 3.7 Sonnet，正在成为一个极具竞争力的替代方案。

值得了解的是，Bolt.new本身是由StackBlitz团队开发的基于浏览器的AI全栈编程平台，其核心技术依托WebContainers——一种能在浏览器中直接运行完整Node.js环境的革命性技术，无需任何服务器端支持。Bolt DIY（也称bolt.diy）则是社区基于相同理念构建的开源分支，允许用户自行托管并接入任意兼容API的大模型，从而完全绕开官方的订阅限制和Token配额。

本文将详细介绍如何从零搭建Bolt DIY环境，接入Claude 3.7 API，并通过实际案例展示这套组合的编码能力。更重要的是，整个过程可以做到几乎零成本。

Bolt DIY环境搭建：从GitHub到本地运行

安装步骤详解

Bolt DIY的安装过程非常简单，只需要按照GitHub仓库中的说明逐步操作即可：

1. 前往GitHub上的Bolt DIY项目页面
2. 按照README中的直接安装（Direct Installation）指引，将每一步命令复制粘贴到终端中执行
3. 安装完成后，运行 pnpm run dev 启动开发服务器
4. 终端会输出一个本地地址，在浏览器中打开即可使用

关于pnpm：这里使用的pnpm是Node.js生态中的高性能包管理器。相比传统的npm和yarn，pnpm通过硬链接和符号链接机制实现依赖的全局共享存储，大幅减少磁盘占用和安装时间。Bolt DIY选择pnpm主要因为其在复杂项目结构中的优异表现，以及更严格的依赖隔离机制，能确保本地开发环境的一致性。

整个过程无需付费，完全在本地运行。相比Bolt.new的订阅模式，Bolt DIY不仅免费，还没有Token使用限制，项目可以随时保存和回溯。

配置Claude 3.7 API接入

启动Bolt DIY后，在界面的下拉菜单中选择OpenRouter作为API提供商。OpenRouter是一个统一的LLM API网关，通过单一接口聚合了数十家AI提供商的模型，包括Anthropic、Google、Mistral、Meta等。其核心价值在于标准化的OpenAI兼容API格式，开发者无需为每个模型单独维护SDK，平台采用按量计费模式，并提供部分模型的免费额度，是个人开发者控制AI成本的利器。

在模型列表中找到Anthropic分区，你会看到Claude 3.7 Sonnet有三个不同版本可选：

• Claude 3.7 Sonnet（标准版）：速度更快，适合常规编码任务
• Claude 3.7 Sonnet Thinking（思考模式）：输出质量更高，但速度较慢
• Claude 3.7 Sonnet Extended：扩展版本

Claude 3.7 Sonnet是Anthropic于2025年发布的混合推理模型，其最大创新在于将标准响应模式与扩展思考（Extended Thinking）模式集成于同一模型中。在编码任务上，Claude 3.7在SWE-bench Verified基准测试中表现领先，能够处理复杂的多文件项目结构。思考模式下，模型会在输出前进行内部推理链，显著提升复杂逻辑任务的准确率，但会相应增加响应延迟和Token消耗——这也是为什么Bolt DIY同时提供两个版本供用户按需选择。

获取API Key的流程也很简单：点击界面上的"Get API Key"按钮，会直接跳转到OpenRouter的密钥管理页面，注册账号后即可创建密钥。

免费AI编程方案：零成本模型替代

如果你不想在API上花一分钱，OpenRouter同样提供了多个免费模型：

• Google Gemini Flash 2.0 Experimental：完全免费，编码能力出色
• Gemini Experimental 1206：同样免费且表现优异
• Mistral：开源模型的免费版本
• DeepSeek R1：部分版本可免费使用

这些模型虽然在复杂任务上可能不如Claude 3.7 Sonnet，但对于日常的网页和工具开发已经绰绰有余。这意味着从环境搭建到实际编码，整条链路都可以做到完全免费。

实战演示：一个Prompt生成完整应用

案例一：交互式SEO审计清单

在第一个测试中，用一条Prompt要求生成一个交互式SEO审计清单应用，用户可以勾选已完成的任务（如优化标题标签、修复死链、提升页面速度等）。

使用标准版Claude 3.7 Sonnet，应用很快就编码完成。成品包含以下功能：

• 可勾选的任务清单
• 实时进度条
• 报告下载功能
• 响应式设计，支持移动端预览

最令人印象深刻的是，这个应用在第一次生成时就完美运行，无需任何调试和修改。相比之下，使用Grok或ChatGPT等模型时，往往需要大量的来回调试，尤其是面对复杂Prompt时，Claude 3.7的一次成功率明显更高。这背后的原因在于Claude 3.7对代码上下文的整体理解能力更强，能在单次推理中同时考虑UI结构、状态管理和交互逻辑的一致性。

案例二：SEO知识问答游戏

第二个案例是一个SEO知识问答游戏，仅用一句简短的Prompt就生成了一个功能完整的问答应用。令人惊喜的是，模型甚至自动添加了计时器功能——这并不在Prompt要求中，但Claude 3.7判断这会提升游戏体验，主动加入了这个特性。这种"超出预期"的主动优化，正是Claude系列模型在指令遵循之外展现出的工程判断力。

案例三：SEO定价计算器

第三个案例是一个相当复杂的SEO服务定价计算器，包含多种计算模式切换、详细的报价生成，以及询价表单的潜在客户收集功能。这种复杂度的应用在其他AI编码工具中往往需要多轮调试，但Claude 3.7同样做到了一次成功。

API成本分析：11美分构建一个完整应用

在OpenRouter的Activity页面可以查看API使用成本。根据实际测试数据，使用Claude 3.7 Sonnet生成一个完整的交互式应用，API费用仅约0.11美元（约11美分）。

这个成本几乎可以忽略不计。即使每天构建多个项目，月度开支也远低于Bolt.new或Cursor的订阅费用。而如果使用免费模型，成本则直接降为零。OpenRouter的按量计费模式在这里体现出了明显优势——你只为实际消耗的Token付费，而非为固定订阅名额买单。

多任务并行与项目管理功能

Bolt DIY支持多标签页同时编码，你可以在一个标签页中用Thinking模式构建复杂应用，同时在另一个标签页中用标准模式快速生成简单工具。这种并行工作方式大幅提升了开发效率。

项目管理方面，Bolt DIY同样表现出色：

• 聊天历史：左侧边栏保存所有项目对话，可随时切换和回溯
• 30天记录：支持查看过去30天的所有项目进度
• 代码导出：一键下载ZIP格式的完整代码
• GitHub集成：可直接将项目发布到GitHub仓库
• Netlify部署：下载代码后拖拽到Netlify即可完成部署，获得测试域名

部署上线：从本地到公网的完整流程

将Bolt DIY生成的项目部署到线上同样简单。这里推荐的Netlify是专为前端和JAMstack应用设计的云部署平台，其核心优势在于极简的部署流程——支持拖拽文件夹直接发布（Netlify Drop），自动处理CDN分发、HTTPS证书和自定义域名绑定。免费套餐提供100GB/月的带宽和自动分配的.netlify.app子域名，完全满足原型展示和小型工具的上线需求。

具体步骤如下：

1. 在代码视图中点击"Download Code"下载ZIP文件
2. 前往Netlify，选择"Import Existing Project"
3. 使用Netlify Drop功能，直接拖入解压后的文件夹
4. 项目会自动部署到测试域名
5. 如需自定义域名，可在Netlify中直接购买和绑定

整个流程从编码到上线，可以在几分钟内完成。

总结：Bolt DIY适合哪些开发场景

Bolt DIY + Claude 3.7 Sonnet这套组合的核心优势在于三点：

1. 成本极低：免费搭建环境，API费用几乎可以忽略，也有完全免费的模型可选
2. 代码质量高：Claude 3.7 Sonnet的编码能力在当前大模型中属于第一梯队，复杂应用也能一次生成
3. 开发效率高：支持多任务并行，项目管理完善，部署流程简单

当然，这并不意味着它能完全替代Cursor等专业IDE级别的AI编程工具。对于大型项目的持续开发和维护，专业工具仍有其不可替代的优势——例如对本地代码库的深度索引、跨文件重构能力以及更精细的版本控制集成。但对于快速原型开发、工具构建、落地页制作等场景，Bolt DIY + Claude 3.7无疑是目前性价比最高的方案之一。

核心要点

• Bolt DIY是Bolt.new的免费开源替代品，基于WebContainers技术本地运行，无Token限制，配合Claude 3.7 Sonnet可实现强大的AI编程能力
• 通过OpenRouter统一API网关可接入Claude 3.7 Sonnet的标准版和思考模式，也有Google Gemini、Mistral、DeepSeek等完全免费的模型可选
• 实测Claude 3.7 Sonnet生成交互式应用（审计清单、问答游戏、定价计算器）均能一次成功，API成本仅约11美分
• 支持多标签页并行编码、30天项目历史回溯、GitHub集成和Netlify一键部署
• 对于快速原型开发和工具构建场景，Bolt DIY + Claude 3.7是目前性价比最高的AI编程方案之一