Bolt.new 使用教程：从入门到上手

Bolt.new 是什么

Bolt.new 是 StackBlitz（一家美国公司）推出的一款 AI 全栈应用生成工具。你只需要用自然语言描述一个需求，比如“做一个待办事项管理应用，支持增删改查”，它就能在浏览器里直接生成一个完整、可运行的 Web 应用。整个过程不需要你写一行代码，也不需要配置本地环境——它依靠 WebContainer 技术，直接在浏览器中运行 Node.js 服务器，生成的代码可以实时预览，还能一键部署到 Cloudflare 或 Netlify。

简单说，Bolt.new 把“从想法到上线”这个流程压缩到几分钟，适合快速验证想法、做原型、或者给非技术人员一个“动手做应用”的入口。

核心功能怎么用

Bolt.new 的核心逻辑是“描述即生成”。你在输入框里写一段需求，AI 会理解并生成对应的全栈代码，包括前端 UI、后端逻辑、数据库交互等。生成后，你可以直接在浏览器里运行和测试，看到效果。如果哪里不满意，可以继续用自然语言提修改意见，AI 会迭代更新代码。

它支持多种技术栈，默认是 React + Node.js，但也可以根据需求切换。生成的代码是完整的，你可以下载到本地继续开发，或者直接通过集成的部署按钮推送到 Cloudflare 或 Netlify 上线。

第一次上手步骤

1. 打开官网：访问 Bolt.new 的官网（国内访问可能受限，如果打不开，可以搜索类似功能的国产替代工具，比如 CodeFuse 或通义灵码的在线版）。
2. 注册登录：用 GitHub 或 Google 账号登录，免费版有每日生成次数限制，但足够体验。
3. 输入需求：在页面中央的输入框里，用中文或英文描述你想要的应用。比如“做一个简单的博客系统，支持发布文章和评论”。尽量描述清楚，包括功能、样式、交互方式。
4. 等待生成：AI 会分析需求，生成代码并自动运行。你会在右侧看到实时预览，左侧是代码编辑器。
5. 测试和修改：在预览里点击、操作，看看功能是否正常。如果不对，直接在输入框里补充说明，比如“把按钮颜色改成蓝色”，AI 会更新代码。
6. 部署上线：满意后，点击部署按钮，选择 Cloudflare 或 Netlify，按提示完成授权即可上线。

注意：免费版生成的代码不能直接导出，但可以复制粘贴到本地项目。Pro 版（约 20 美元/月起）支持代码导出、更多生成次数和优先队列。

适合什么场景

• 快速原型验证：产品经理或创业者想快速看一个功能是否可行，不需要等开发排期，自己用 Bolt.new 几分钟就能出原型。
• 学习全栈开发：初学者想了解一个完整 Web 应用是怎么构成的，可以看 AI 生成的代码结构，边改边学。
• 做内部工具：团队需要一个小工具（比如数据看板、审批系统），用 Bolt.new 快速生成，部署后直接给同事用。
• 非技术人员动手：运营、设计等岗位的人，想自己做一个简单的网站或工具，不需要依赖开发资源。

价格说明

Bolt.new 提供免费版和付费 Pro 版。免费版每天有生成次数限制（大约 5-10 次），生成的代码不能直接导出，预览和修改功能正常。Pro 版起价约 20 美元/月，支持更多生成次数、代码导出、优先生成队列、以及更长的上下文记忆（AI 能记住更多轮对话）。如果只是尝鲜或偶尔用，免费版够用；如果是重度用户或商业用途，Pro 版更合适。

注意：因为 Bolt.new 是海外服务，国内访问可能不太稳定，支付也需要国际信用卡。如果遇到问题，可以考虑国内类似工具，比如阿里云的通义灵码在线版、字节跳动的豆包 MarsCode 等，功能类似且访问更顺畅。