利用 cpolar 实现 Open-Lovable 远程访问与网页克隆
Open-Lovable 是一款面向前端开发者的开源工具，核心功能是将任意网页克隆为可编辑的 React 应用，支持多类 AI 模型辅助生成代码。其优点包括拆分代码组件清晰、保留完整 CSS 样式，能大幅减少手动搭建页面框架的时间。
使用这款工具时需注意：克隆的网页仅能还原静态布局和样式，登录态、动态交互等内容无法完整复刻。使用前需要准备好 E2B、Firecrawl 等平台的 API 密钥，注意隐私保护。
默认情况下 Open-Lovable 只能在本地局域网内使用，异地协作或出差调试较为不便。将 Open-Lovable 与 cpolar 内网穿透工具结合后，无需公网 IP 和云服务器，即可生成公网访问地址，支持账号密码保护，保障 API 密钥安全并实现团队实时协作。
1. Open-Lovable 简介
Open-Lovable 是由 MendableAI 团队开发的开源项目。用户只需与 AI 对话，就能快速生成完整的 React 应用。
- 核心功能
- 将任意网页克隆为 React 应用
- 支持多种 AI 模型（如 Anthropic Claude、OpenAI GPT）
- 集成 E2B 沙箱与 Firecrawl 抓取引擎
- 特点
- 自然语言生成
- 网页克隆
- 灵活模型选择
- 开源免费，MIT 许可证
2. Windows 环境部署
前提要求：安装 Git、Node.js 和 VSCode。
首先打开终端克隆仓库：
git clone https://github.com/mendableai/open-lovable.git
进入项目目录：
cd open-lovable
安装项目依赖。官方推荐使用 npm，但建议使用 pnpm：
npm install -g pnpm
pnpm install
完成后打开 VSCode，找到 env.example 文件，复制内容新建 env.local 文件并粘贴。
配置项说明：
E2B_API_KEY：沙盒环境隔离代码执行密钥FIRECRAWL_API_KEY：AI 网络爬虫工具密钥- 其他 AI 模型密钥（如 Groq）任选其一
保存文件后，在终端启动开发服务器：
pnpm run dev
浏览器访问 localhost:3000 即可进入页面。
