Lovable — AI全栈应用生成器 是做什么的？
概述
Lovable (lovable.dev) 通过浏览器中的聊天提示生成并编辑Web应用。项目使用Tailwind CSS和shadcn/ui；自2026年5月起创建的应用使用TanStack Start（服务器渲染），较早的应用则为React + Vite。后台你可以选择Lovable Cloud（内置数据库、认证、存储、实时和函数，基于Supabase的开源堆栈）或你自己的Supabase项目。代码可通过GitHub双向同步，应用可发布至lovable URL或自定义域名。无需安装任何软件，也没有CLI；AI代理通过编写良好的提示、审查输出以及在同步的仓库上工作来提供帮助。
使用说明
1. 在第一次提示前做好规划
回答四个问题：它是什么、谁使用它、为什么使用以及关键操作是什么。使用真实的文案逐节描述应用，不要使用占位符。Lovable的指导原则：一页式的提示会带来噪音，逐节的提示则能提供有效信号。指定一种设计方向（“极简”、“高级”、“活泼”），以指导排版和间距。
2. 选择后端
- 新项目：Lovable Cloud（默认）或Supabase，在首次启用后端时选择。
- 已连接Supabase的项目继续正常工作。没有从Supabase迁移到Cloud的选项，也没有从Cloud一键迁移到你自己的Supabase项目的选项，因此请尽早决策。
3. 在模式中工作
Lovable具有Agent模式（构建和修改内容）和Chat模式（讨论、规划，不进行编辑）。计划模式每条消息消耗1个积分；正常编辑根据复杂度大约消耗0.5-1.7个积分。添加“在构建之前，请提出你需要的任何问题”以获得澄清性问题。将持久的规则（技术栈、命名、语气）放入项目或工作空间知识中，以便在不同聊天之间持续生效。
4. 审查安全性
生成的表应具有行级安全策略。阅读每条策略，运行内置的安全扫描，并在发布前使用两个不同的用户进行测试。
5. 同步并拥有代码
从项目设置中连接GitHub。每次只对一个分支进行双向同步（除非切换，否则为默认分支）；新分支从活动分支开始。你只能将Lovable项目导出到GitHub，不能导入现有仓库，且超过10 MB的文件无法由Lovable编辑。断开连接会保留两份副本，但重新连接会创建一个新的仓库。
6. 套餐
免费版、专业版、商业版和企业版；定价按积分计算，而非按席位。免费版包含每天5个构建积分（每月最多30个）以及少量Cloud积分。请查看 lovable.dev/pricing 了解当前价格。
示例
示例1：带推荐功能的候补名单应用
请求： “使用Lovable构建一个SaaS候补名单：带有计数器的注册表单、推荐链接、排行榜和管理页面。”
要粘贴的提示：
为“Parcelly”构建一个候补名单网站，Parcelly是一款面向Etsy卖家的运单标签工具。
分区：英雄区（“10秒内打印标签”）带有邮箱表单和实时注册计数器；
前10名推荐者的排行榜；/admin页面（需邮箱登录）列出注册信息并支持导出CSV。
每个注册用户获得一个唯一的推荐链接（?ref=code），推荐者将获得积分。
风格：极简、深色模式。使用Lovable Cloud进行数据和认证。
在开始构建前，请提出你需要的任何问题。
结果：Lovable会询问邀请邮件相关事宜，然后创建页面、一个signups表及其策略，以及一个预览URL。一个合理的表及策略集，可与生成的版本进行比对：
create table public.signups (
id uuid primary key default gen_random_uuid(),
email text not null unique,
referral_code text not null unique default encode(gen_random_bytes(6), 'hex'),
referred_by uuid references public.signups(id),
created_at timestamptz not null default now()
);
alter table public.signups enable row level security;
create policy "anyone can join" on public.signups for insert to anon with check (true);
-- 读取所有行必须限制为管理员，例如通过 user_roles 表
示例2：迭代并同步到GitHub
请求： “添加一个注册量随时间变化的图表，然后将代码放入我的仓库，以便我可以在Cursor中继续工作。”
聊天提示：“使用现有数据，在/admin页面添加一个按天统计注册量的折线图；当没有注册时显示空状态。”然后：项目设置，GitHub，连接，选择账户并创建仓库。之后：
git clone [email protected]:parcelly-dev/parcelly-waitlist.git
cd parcelly-waitlist && npm install && npm run dev
推送至同步分支的内容会出现在Lovable中；将本地编辑保留在该分支上（或在项目设置中切换分支）。
指南
- 将每个核心功能放在第一次提示中，然后在后续每次只修改一件事，以便版本历史保持有用；对工作版本进行书签标记。
- 不要在聊天中粘贴API密钥；使用秘密/集成对话框。服务器端密钥属于后端函数，绝不应出现在客户端代码中。
- 永远不要盲目信任生成的RLS：对于公开表单，
insert ... with check (true)策略是可以的，但select策略则不行。 - 积分用于构建、托管和AI功能，且不可退还；对于问题，请优先使用Chat/计划模式。
- 不适用于原生移动应用、重度自定义后端或复杂的现有单体仓库：请改用仓库中的编码代理。