Open-Lovable 远程访问与部署指南
Open-Lovable 是一款面向前端开发者的开源工具，核心功能是将任意网页克隆为可编辑的 React 应用，支持多类 AI 模型辅助生成代码。它适用于新手学习、中小企业原型开发等场景，能拆分代码组件并保留完整 CSS 样式，大幅减少手动搭建页面框架的时间。
使用这款工具时需注意：克隆的网页仅能还原静态布局和样式，登录态、动态交互等内容无法完整复刻。使用前需要准备好 E2B、Firecrawl 等平台的 API 密钥，密钥保管要注意隐私，避免外泄造成损失。
不过 Open-Lovable 默认只能在本地局域网内使用，这会给远程协作带来不便。将 Open-Lovable 与 cpolar 内网穿透工具结合后，无需公网 IP 和云服务器，只需简单配置就能生成公网访问地址，实现异地同事查看效果及团队实时协作。
1. 关于 Open-Lovable
Open-Lovable 是由 MendableAI 团队开发的开源项目。通过 AI 对话即可快速生成完整的 React 应用。
- 核心功能
- 将任意网页克隆为 React 应用
- 支持多种 AI 模型（如 Anthropic Claude、OpenAI GPT 系列）
- 集成 E2B 沙箱与 Firecrawl 抓取引擎
- 特点
- 自然语言生成
- 网页克隆
- 灵活模型选择
- 安全环境
- 开源免费，MIT 许可证
2. Windows 部署安装 Open-Lovable
前提要求：需要有 Git、Node.js 和 VS Code。
首先打开终端把仓库克隆下来：
git clone https://github.com/mendableai/open-lovable.git
接着进入项目目录：
cd open-lovable
下一步是安装项目依赖。官方通常使用 npm，但建议使用 pnpm。如果没有 pnpm，可以使用以下命令安装：
npm install -g pnpm
接着使用 pnpm 安装依赖，过程可能需要几分钟：
pnpm install
完成后打开 VS Code，打开 open-lovable 文件夹，找到 env.example 文件，全选复制里面的内容。
新建一个名为 env.local 的文件，把刚才复制的内容粘贴进去。
环境变量说明：
- E2B API 密钥：提供隔离的代码执行环境。
- Firecrawl API 密钥：AI 网络爬虫工具，用于高效自动抓取网站内容。
- AI 模型密钥：任选其一（如 Groq），用于后续操作时安全执行代码、抓取网页和调用 AI 接口。
这两个必须项可从官网领取免费 API 密钥。保存文件后，回到终端启动开发服务器：
pnpm run dev
打开浏览器访问 localhost:3000，即可看到 Open-Lovable 的页面。
