Lovable
的使用方法、功能与可解决的业务课题

使用方法

1. 注册账号

   在官网（lovable.dev）使用 Google 账号等注册，即可使用免费套餐立即体验应用开发。

2. 用自然语言描述想要的应用

   输入"做一个任务管理应用"或"做一个带用户注册的博客"等描述，AI 会自动生成 React 应用和数据库结构。

3. 在预览界面确认并对话调整

   实时预览生成的应用，用对话方式调整布局和功能。不需要具备编辑代码的技能。

4. 集成 Supabase 添加后端功能

   连接 Supabase 以添加用户认证、数据库、文件存储等后端功能。也支持与 GitHub 同步进行代码管理。

5. 发布到自定义域名

   完成后一键发布，也可设置自定义域名。可通过 GitHub 连接进行本地开发或团队协作。

功能

• 全栈应用生成

  从自然语言描述自动生成 React（含 TypeScript）前端和 Supabase 后端，生成完整的全栈应用。

• 实时预览

  可在生成的同时实时确认应用的外观和行为。

• Supabase 集成

  原生支持 Supabase，可添加用户认证、数据库、存储等后端功能。

• GitHub 同步

  与 GitHub 连接，支持代码导出、本地开发和版本管理。

• 一键发布

  可使用内置托管服务直接发布，也支持自定义域名设置。

• 设计导入（Figma 等）

  支持从 Figma 等设计稿生成代码。

• 对话式编辑

  通过聊天对话调整现有应用的 UI 和功能，无需手动编辑代码。

价格与套餐

以下价格信息截至 2026 年 7 月，以美元计价，汇率波动会影响换算后的实际金额。最新价格请以官网价格页面为准。

改为年付可免两个月费用。 Pro 与 Business 还可自行提高每月购买的积分数量（以 100 积分为起点）。

免费版能做到什么程度：免费版每日赠送 5 个构建积分（每月上限 30 个），另有每月 20 个 Cloud 积分。用于体验产品已经足够，但自定义域名与隐藏 Lovable 标识属于付费功能。积分消耗随指令复杂度上升，做得越深入，越容易触及上限。

注册方法

1. 访问官方网站

   打开 lovable.dev 并点击「Get started」。免费版无需登记信用卡。

2. 创建账号

   可使用 Google 账号、GitHub 账号或邮箱地址注册。使用 GitHub 注册后，后续的仓库联动会更顺畅。

3. 创建工作区

   系统会自动创建首个工作区。免费版下，工作区内的项目为私有状态。

4. 创建第一个项目

   在对话框中输入想要制作的内容，即可当场生成项目。

注册后立即获赠免费积分，无需填写支付信息即可尝试生成。

可联动的服务

Lovable 的设计前提是让生成的应用真正跑起来，因此提供了与外部服务的联动。

GitHub 联动实质上构成了「出口」。 即便一开始不写代码，也能把代码推送到 GitHub，因此「先用 AI 做出来，再交给工程师继续打磨」这条路径是可行的。这正是它与那些难以把产物迁出的工具之间的明确差异。

优缺点

优点

• 无需编程知识即可生成全栈应用
• 与 Supabase 原生集成，可添加认证和数据库功能
• 支持 GitHub 同步，开发者也可灵活使用
• 免费版即可体验

缺点

• 操作界面（UI）以英文为主
• 积分制，大量生成时需注意成本
• 生成的代码质量和可维护性需由开发者自行把关
• 大规模复杂应用的构建可能有一定局限

用户评价

• 非技术人员评价称"无需代码知识即可快速搭建应用原型""产品理念实现变得更快"。
• 开发者表示"与 GitHub 同步后可在本地继续开发，工作流很顺畅"。
• 也有声音指出"界面全英文""积分消耗速度取决于生成内容复杂度""生成代码需要审查"。

常见问题（FAQ）

Q：Lovable 可以免费使用吗？

可以。免费版每日赠送积分，可体验基础应用生成。更多积分和功能需订阅付费套餐。

Q：支持中文吗？

操作界面（UI）以英文为主。可用中文描述输入提示词，但界面本身为英文。

Q：可以生成哪类应用？

可以生成任务管理、博客、用户注册认证系统等 React 全栈 Web 应用，支持 Supabase 后端集成。

Q：可以导出代码吗？

可以。通过 GitHub 同步可以导出代码，在本地环境或 CI/CD 流程中使用。

Lovable 与其他 AI 应用开发工具的对比

如需更详细的对比，请参阅各相关服务页面。