Lovable 中文学习中心

模块 1 · Lovable 是什么 · 第 1/4 节

认识 Lovable

最后核对日期:(官方资料)

账户入口、权限与可用范围未逐项实测,需以当前账户界面为准。

Lovable 是一个通过对话生成真实网页应用的工具。你用中文描述需求,它写出可运行的代码,并在右侧实时预览。生成的是标准的网页代码,可以导出、托管和继续开发。

🎯学习目标

  • 用一句话说清 Lovable 是什么
  • 认识项目界面的主要区域
  • 知道一个项目从想法到上线的大致流程

🧭操作步骤

  1. 1

    注册并登录

    访问 lovable.dev,用邮箱或第三方账号登录。登录后进入工作区首页。

  2. 2

    认识首页输入框

    首页中央的输入框就是创建新项目的入口。写下你的想法并发送,就会新建一个项目。

  3. 3

    认识项目界面

    项目页通常分为左侧对话区和右侧预览区。预览区可切换设备尺寸,顶部有代码、发布等入口(具体按钮位置需以当前账户界面为准)。

  4. 4

    了解完整流程

    想法 → 描述需求 → AI 生成 → 预览与反馈 → 迭代修改 → 测试 → 发布上线 → 持续改进。

💬可复制提示词

体验第一句话
帮我做一个个人名片网页:姓名、职业、一段简介、三个社交链接,风格简洁现代。

✅ 预期结果

  • 生成完成后右侧出现可交互页面,耗时取决于任务复杂度
  • 左侧对话里能看到 AI 对改动的说明
  • 可以继续用对话要求修改

⚠️ 常见错误

  • 以为生成的只是图片或原型——实际是可运行的网站代码
  • 第一次就描述一个庞大复杂的系统
  • 只看电脑效果,忘了检查手机效果

📝自检题

1. Lovable 生成的是什么?

2. 修改项目最主要的方式是?

学完了?标记为已完成,记录你的进度。