bolt.new 怎么用？全栈应用一句话生成实战
bolt.new 是 StackBlitz 出品的浏览器版 AI 全栈开发工具：你用自然语言描述需求，它在浏览器里直接生成代码、安装依赖、跑起来给你看，还能连 GitHub、一键部署。 不用装环境、不用配 Node，打开网页就能从”一句话”做到”能访问的网站”。这篇带你跑通第一个全栈应用，并讲清最容易踩的 token 坑。
本文适合：想快速验证一个想法、不想折腾本地环境的人；以及已经会一点开发、想用 AI 提速原型的人。
bolt.new 是什么，和别的 AI 编程工具有什么不一样
市面上 AI 编程工具大致分两类。一类是装在本地编辑器里的，比如 Cursor、Claude Code，强在改你自己的大项目。另一类是浏览器里的”一句话生成”工具，bolt.new 就是其中代表。
bolt.new 的核心差异是它把整个开发环境搬进了浏览器（基于 StackBlitz 的 WebContainers 技术，在浏览器标签页里跑一个真实的 Node 运行时，npm install、跑脚本、开端口全部就地完成）。好处是启动快、成本低；坏处是它不是万能容器，需要原生编译、依赖系统级二进制的包大概率装不上。这条边界越早知道越好。
具体来说，一次生成里会发生：
- 生成即运行：AI 写完代码，右边窗口立刻装依赖、起服务、出预览，通常十几秒到一分多钟。
- 全栈，不只是前端：能生成带后端接口、数据库的应用（常见搭配是 Node + Express 做后端、SQLite 做存储），不是只能画个静态页。
- 零本地环境：电脑上什么都不用装，但也意味着没法用本地终端调试，出了怪异报错只能靠浏览器日志面板。
和它最像的是同类”提示词生成应用”工具，具体取舍可以看 bolt 和 lovable 怎么选（规划中）和 v0、bolt、lovable 三家对比（规划中）。一句话区分：bolt 偏”全栈能跑通的工程”，v0 偏”漂亮的前端组件/页面”，lovable 偏”非技术人也能上手的成品应用”。目标是做一个能对外收数据、有后端逻辑的完整应用，bolt 最贴；只要一个落地页或几个 UI 组件，用 v0 更快。
第一步：打开网页，准备好需求
bolt.new 没有安装步骤，直接访问官网即可。建议先用 GitHub 或邮箱登录，这样生成的项目能保存、能接着改。
开始前先把需求想清楚。AI 生成质量高度依赖你给的描述，与其打一句”做个网站”，不如说清三件事：
- 做什么：一句话定位（例：一个记录每天喝水量的小工具）。
- 要哪些功能：列点（例：能加一条记录、看本周柱状图、数据存下来）。
- 技术倾向（可选）：比如”用 React + 一个轻量数据库”，不写也行，它会自己选。
坏的写法是”帮我做个记账的东西”——AI 只能猜，猜错了要花好几轮对话纠正。好的写法把三件事摊开写清楚，还带上边界条件，比如”金额只能输入正数""删除要有二次确认”。
还有一点容易被忽略：先说清楚”不要什么”。比如不想要登录功能，就直接写”暂时不需要用户登录，先做单用户版本”，不然 AI 有时会自作主张加一套注册登录，平白多出一堆用不上的代码。
第二步：跑通第一个全栈应用
在首页输入框把上面的需求贴进去，回车。bolt.new 会做这几件事：
- 规划文件结构，把前端、后端、配置一个个生成出来；
- 自动安装依赖（你会看到右侧在跑 install）；
- 启动开发服务器，右边出现可交互的实时预览。
一个可复制的起步提示词长这样：
做一个"每日喝水记录"全栈小应用：
- 首页能输入今天喝了多少毫升并保存
- 显示本周每天的喝水量柱状图
- 数据要持久化保存，刷新不丢
- 用 React 做前端，界面简洁现代
生成后别急着继续提需求，先在预览里点一点，看哪里不对。要改时，用对话继续说，比如”柱状图改成折线图""加一个清空本周数据的按钮”。它会增量修改对应文件，不会推倒重来。
第一次生成不一定顺利，几种常见状况要认得出来：
- 右侧一直卡在 install，几分钟没反应：多半是依赖体积大或网络波动，超过三五分钟没动静，直接刷新重试更省时间。
- 预览白屏，控制台报错：把报错信息复制给 AI，比含糊说”不能用”要准得多。
- 功能对了但样式很丑：正常现象，样式再提一轮就行，比如”整体用更简洁的卡片布局”。
- 功能要得太多，生成到一半掉了几个：说明需求描述得太长太杂，拆成两三轮分别提更稳。
判断一次生成是否”及格”：核心功能能跑、数据能存能读即可，样式细节后面慢慢磨。
进阶：连 GitHub 与一键部署
原型满意后，有两条出路：
- 推到 GitHub：bolt.new 支持把当前项目导出/连接到你的 GitHub 仓库，之后就能在本地或 Cursor 里接着开发。这是从”玩具”走向”真项目”的关键一步。
- 一键部署：bolt.new 集成了部署能力，可以把应用直接发布成一个能公网访问的地址，方便发给别人试用。
怎么选看目的：只是让人先点开看效果，选一键部署最快，几十秒拿到公网地址；项目要长期维护、以后接自己域名，先连 GitHub，代码先保住再说。
连上 GitHub 后，项目不再”锁”在浏览器里：git clone 到本地用 Cursor 继续改，也可以接 Vercel、Netlify 做自动部署。真实工作流常是：出第一版原型 → 连 GitHub → 本地精修 → 接自动部署，不用从零手写脚手架。
部署平台、连接方式、免费额度等具体细节会变，以官方文档为准，这里只讲流程：先连仓库或选部署，再按提示授权即可。
关键：token 怎么省（最容易踩的坑）
bolt.new 按 token 计费，而它每次理解你的需求、读全项目代码、再生成改动，消耗都不小——尤其项目变大后，一次小改动也可能读一大堆上下文。新手最常见的抱怨就是”额度烧得太快”。省 token 有几个实用习惯：
| 习惯 | 为什么省 |
|---|---|
| 善用 Plan 模式（先规划后写） | 让 AI 先输出方案、你确认后再生成，避免反复推翻重写白烧 token |
| 一次说清需求 | 减少来回试错的轮次，每一轮都要读上下文 |
| 小步改、说具体 | ”把按钮改成蓝色”比”优化一下界面”更省，目标越明确读得越少 |
| 大项目拆开 | 项目越大每轮读的上下文越多，能拆就别堆成一个巨型应用 |
| 改不动就回退 | 发现方向错了及时回退到上一个版本，别让 AI 在错误代码上越改越乱 |
一句话记住：Plan 模式 + 描述精确 = 省 token 的两大法宝。
再补一个原理：AI 编程工具每次改动，都要把”相关代码 + 历史对话”重新塞进上下文窗口，项目越滚越大要读的东西也越多——这就是为什么第一版改起来便宜，改到第十版明显变贵变慢。所以”大项目拆小”不是玄学建议：与其把几大模块堆一起生成，不如分开对话逐块跑通，每块上下文都干净。
另外Diff 式修改比”重写整个文件”省得多：能精确定位到某个函数去改，消耗远小于整个文件重新输出。描述需求时尽量指向具体位置，比如”在 WaterChart 组件里把柱状图换成折线图”，比笼统的”图表换个样式”更容易触发精确修改。
新手常见坑
- 把它当本地 IDE 用：它是浏览器环境，重型本地依赖、特殊系统调用可能跑不了，复杂项目后期建议导出到本地。
- 需求一句话甩过去：描述越模糊，返工越多，token 烧得越快——先把需求列成清单。
- 预览正常就以为上线没问题：浏览器内预览和真实部署环境有差异，部署后务必再访问验证一遍。
- 不存就关页面：重要项目记得登录并推到 GitHub，避免白做。
- 盲目堆功能：一次只让它做一件事，跑通一个再加下一个，比一口气要十个功能稳得多。
- 改坏了不会回退：越改越乱是常态，用历史版本回退到改坏之前的状态，比在错误代码上层层打补丁划算。
- 把敏感数据直接写进对话里：真实密钥、密码不要直接贴给 AI 工具，用占位符代替，等本地对接时再手动填真实值。
常见问题
bolt.new 用起来要钱吗？ 它采用 token 计费模式，有免费的试用额度，超出后按用量付费。具体额度和价格会调整，以官方文档为准。重点是养成省 token 的习惯，免费额度也能做不少事。
bolt.new 需要会写代码吗？ 不会代码也能上手做出能跑的应用，这正是它的卖点。但当你想精细调整、或部署后排查问题时，懂一点开发会顺很多。完全零基础可以配合 AI 编程学习路线 边做边学。
bolt.new 和 Cursor 该用哪个？ 看场景。从零快速验证一个想法、不想配环境，用 bolt.new；长期维护、改大型现有项目，用 Cursor。常见的高效组合是：先用 bolt 一句话出原型，连 GitHub 后导到 Cursor 接着精修。
生成的代码能导出到本地继续开发吗？ 能。把项目连接或推送到 GitHub 仓库，再克隆到本地用任意编辑器打开即可，不会被锁死在 bolt.new 里。
token 总是不够用怎么办？ 优先开 Plan 模式让它先规划再动手，需求一次性说清楚、小步精确地改，并把大项目拆小。这几招能显著降低每轮的上下文消耗。
👉 看看我们的 AI 编程实战体系课，或逛 AI 编程教程大全 把基本功打扎实。