模块 1 · Lovable 是什么 · 第 1/4 节
认识 Lovable
Lovable 是一个通过对话生成真实网页应用的工具。你用中文描述需求,它写出可运行的代码,并在右侧实时预览。生成的是标准的网页代码,可以导出、托管和继续开发。
🎯学习目标
- 用一句话说清 Lovable 是什么
- 认识项目界面的主要区域
- 知道一个项目从想法到上线的大致流程
🧭操作步骤
- 1
注册并登录
访问 lovable.dev,用邮箱或第三方账号登录。登录后进入工作区首页。
- 2
认识首页输入框
首页中央的输入框就是创建新项目的入口。写下你的想法并发送,就会新建一个项目。
- 3
认识项目界面
项目页通常分为左侧对话区和右侧预览区。预览区可切换设备尺寸,顶部有代码、发布等入口(具体按钮位置需以当前账户界面为准)。
- 4
了解完整流程
想法 → 描述需求 → AI 生成 → 预览与反馈 → 迭代修改 → 测试 → 发布上线 → 持续改进。
💬可复制提示词
体验第一句话
帮我做一个个人名片网页:姓名、职业、一段简介、三个社交链接,风格简洁现代。
✅ 预期结果
- 生成完成后右侧出现可交互页面,耗时取决于任务复杂度
- 左侧对话里能看到 AI 对改动的说明
- 可以继续用对话要求修改
⚠️ 常见错误
- 以为生成的只是图片或原型——实际是可运行的网站代码
- 第一次就描述一个庞大复杂的系统
- 只看电脑效果,忘了检查手机效果
📝自检题
1. Lovable 生成的是什么?
2. 修改项目最主要的方式是?
学完了?标记为已完成,记录你的进度。