
Lovable
开发工具用自然语言快速做出可上线的全栈应用
Lovable 是 vibe coding / AI 应用生成产品:用提示词生成可编辑、可预览、可部署的全栈应用,并在聊天中持续迭代。官网:https://lovable.dev/ ;入门:https://docs.lovable.dev/introduction/getting-started…
介绍与功能
- 用自然语言生成可预览、可迭代的全栈应用
- 发布后可将应用能力以 MCP 暴露给 ChatGPT / Claude 等助手
- 连接器与安全扫描(含第三方数据 / 安全工具集成)
- 工作区身份复用、成员权限与企业治理能力
怎么运用
先想清产品、用户、关键行动,再按区块提示,不要一次要整站。
单页产品站
Build a one-page site for a budgeting app targeted at Gen Z freelancers. The main CTA should be "Start Saving Smarter." Focus on a bold, expressive aesthetic with large text and punchy colors.
真实文案 Hero
Hero section with headline: "Design Calmly." Subtext: "Turn stress into structure with Lovable." CTA: "Start Building Free." Use copy-centered layout with generous vertical spacing.
原子化组件
Create a card with a user profile picture, name, and a follow button. Add a badge for verified users, and show a tooltip when hovering over the badge.
先澄清再写代码
Add a billing settings page for workspace admins. Ask me any questions you need in order to fully understand what I want from this feature and how I envision it.
用法要点
- 写清要改什么、不要动什么(Guardrails)。
- Knowledge 文件写清产品愿景与设计系统,提升后续提示一致性。
- 错误循环时改用 Plan mode,不要连点 Try to Fix。
安装教程
平台:Web
- 打开 https://lovable.dev/ 并注册 / 登录账号。
- 进入 Dashboard 后,在提示框描述要做的应用(也可从模板、Figma 截图或 Remix 起步)。
- 发送提示词,等待 Lovable 生成可预览的全栈项目。
- 在聊天中迭代修改;需要后端时可接 Lovable Cloud 或 Supabase(见官方文档)。
- 就绪后按文档 Publish,生成可分享预览链接。
软件迭代树
- 2026-07最新
Agent integrations(MCP)
已发布应用可通过 MCP 在 ChatGPT / Claude 等助手内被调用;Lovable 托管 MCP 服务,可配置动作范围与鉴权
- 2026-07
工作区身份复用登录
团队应用可直接识别已登录 Lovable 用户,免二次登录页;面向 Business / Enterprise 与较新 TanStack Start 项目逐步放开
- 2026-07
连接器与应用内 AI 模型
新增 Apollo.io 等连接器;Wiz 扫描可指定 CI/CD 策略;应用 AI 功能可选 GPT-5.6 档与 Gemini TTS 等模型
你怎么看?…


