入门
零代码用 Bolt / Lovable / v0 一句话生成可上线 Web 应用
你有没有过这种时刻：脑子里有个小工具/落地页的点子，但一想到要写前端、配后端、买服务器就放弃了？2026 年「prompt-to-app」工具成熟了——Bolt.new、Lovable、v0 让你在浏览器里打一句话，AI 直接生成带界面、带逻辑、甚至带后端的完整应用，还能一键部署。本教程零基础手把手教你用它们把「想法」变成「线上能访问的网址」。
✨ 本教程适合：想做小工具、落地页、原型的运营/产品/学生/创业者。你只需要会打字，不需要任何编程基础。
先搞懂：三款怎么选？
它们都能「一句话生成应用」，但擅长点不同。先选对工具，后面省一半力气：
| 工具 | 最擅长 | 适合你如果… |
|---|---|---|
| Bolt.new | 全栈 Web 应用（含后端/数据库） | 想要「能跑能存数据」的完整产品 |
| Lovable | 非技术人做 SaaS / 落地页 | 完全不会代码，要好看能上线 |
| v0（Vercel） | 高颜值前端界面/组件 | 主要要漂亮的 UI，再挂到自己项目 |
别指望一句话出「上线级产品」：先让它出 MVP（最小可用版本），再靠自然语言迭代。这是所有 prompt-to-app 的通用心法。
Step 1：选定工具并注册
1 打开网页就能用
· Bolt.new → bolt.new（浏览器内建开发+部署）
· Lovable → lovable.dev
· v0 → v0.dev（需 Vercel 账号）
都用邮箱/GitHub 登录，免费额度足够练手。
新手推荐从 Lovable 或 Bolt 起步，闭环最完整。💡 全程在浏览器里完成，不用装任何软件。生成、预览、部署都在同一页面，断网也不怕（本地会自动保存）。
Step 2：写好第一句需求
2 把「功能 + 风格 + 用户」一次说清
模糊的「做个记账 App」AI 会瞎猜。用这个公式：给谁用 + 做什么 + 长什么样 + 不做什么。
示例（健身饮食记录）：
「做一个给健身新手用的饮食记录网页：
功能：添加三餐、显示当日热量、按周看趋势图。
风格：清爽浅色、大按钮、手机也好看。
不要：登录系统、社交分享。
用中文界面。」第一条指令决定 80% 的成品质量。把「不做什么」也写进去，能砍掉一堆你后面要删的功能，少走弯路。
Step 3：让 AI 生成，实时看预览
3 几十秒出一个能点的原型
1. 把 Step 2 的描述贴进对话框，回车
2. 等几十秒，右侧出现可交互预览
3. 直接点按钮、填表单，像真用户一样试
4. 不满意？不用重来，进入下一步改💡 生成后先「当真用户试用」，而不是盯着代码。发现问题记下来，下一步用自然语言让它改，比自己猜怎么调快得多。
Step 4：用大白话迭代（不改代码）
4 一句话指挥 AI 改
可以这样下指令：
「把首页标题改成『今天吃了吗』」
「加一个『清空今日记录』的按钮」
「热量数字用红色，超过目标就变警告色」
「换个更圆的字体」
AI 会改完即时刷新预览，你确认即可。小步快改优于一次性大改：每次只改一点并立即验收，避免 AI 一口气改崩多处、你还得回滚。这和写代码「小提交」是同一个道理。
Step 5：接数据 / 登录（按需）
5 让应用真正「能用」起来
如果要做能存数据、有账号的产品，Bolt / Lovable 内置了后端能力：
· 数据库：说「加一个用户表存记录」，自动建表
· 登录：说「加 Google 登录」，自动接鉴权
· 支付：Lovable/Bolt 可接 Stripe（做付费功能）
· 都不用你写一行 SQL 或后端代码💡 新手建议：MVP 阶段先不做登录和支付，验证「有人用」再补。过早加复杂度容易卡在配置上。
Step 6：一键部署 + 绑定域名
6 点一下，全世界能访问
1. 点「Deploy / 发布」按钮
2. 等部署完成，得到一个 *.bolt.new / *.lovable.app 网址
3. 把这个链接发出去，别人打开即用
4. 想用自己的域名？在设置里绑自定义域名（按需）🎉 恭喜！你已经把「一句话」变成了「线上可访问的应用」。想进一步用 AI 编程 Agent 做更复杂的全栈项目，可看本中心《用 AI Agent 30 分钟做出 Web 应用》《Claude Code 实战》两篇。
常见问题速查
| 你遇到的现象 | 大概率原因 & 解决 |
|---|---|
| 生成的和想要差很远 | 首条指令太模糊，补「功能+风格+不做什么」 |
| 改一处崩一片 | 一次改太多，改小步、改完即验收 |
| 想加数据库不会 | 直接用 Bolt/Lovable 内置后端，自然语言建表 |
| 部署后打不开 | 等部署完成再访问，或检查自定义域名 DNS |