现在位置: 首页 / 系统运维 / ai工具 / 正文

Open Lovable|2025年最新网站转React应用工具（支持OpenAI/Anthropic+一键克隆）

简介

Open Lovable是一款开源的网站转React应用工具，通过输入目标网站URL即可自动生成外观与功能高度相似的React项目，大幅简化前端开发流程。该工具支持本地快速部署，集成OpenAI、Anthropic等主流AI服务商接口，适合开发者快速构建智能化Web应用。

功能特性

  1. 一键克隆网站：输入URL自动生成React代码，保留原站布局与交互逻辑
  2. 本地部署简易：
    • 依赖项：Node.js LTS + Git（安装包见文末）
    • 三步启动：克隆代码库→安装依赖→配置API密钥
  3. 多AI服务商支持：可接入OpenAI（GPT系列）或Anthropic（Claude模型）增强应用智能性
  4. 代码可定制性：生成的React组件支持二次开发，适配个性化需求

使用教程

Github地址：https://github.com/firecrawl/open-lovable

先准备安装依赖：确保Node.js LTS与Git已正确安装，再进行以下步骤进行应用安装

    1. 克隆仓库 & 安装
    git clone https://github.com/mendableai/open-lovable.git
cd open-lovable
npm install
    1. 编辑环境变量 .env.local
    # Required
E2B_API_KEY=your_e2b_api_key  # Get from https://e2b.dev (Sandboxes)
FIRECRAWL_API_KEY=your_firecrawl_api_key  # Get from https://firecrawl.dev (Web scraping)

# Optional (need at least one AI provider)
ANTHROPIC_API_KEY=your_anthropic_api_key  # Get from https://console.anthropic.com
OPENAI_API_KEY=your_openai_api_key  # Get from https://platform.openai.com (GPT-5)
GEMINI_API_KEY=your_gemini_api_key  # Get from https://aistudio.google.com/app/apikey
GROQ_API_KEY=your_groq_api_key  # Get from https://console.groq.com (Fast inference - Kimi K2 recommended)
    1. 启动开发服务器
    npm run dev

    运行工具：输入目标网站URL生成React项目