结合 cpolar 内网穿透远程部署 Open-Lovable 网页克隆工具
Open-Lovable 是一款面向前端开发者的开源工具，核心功能是将任意网页克隆为可编辑的 React 应用。它支持多类 AI 模型辅助生成代码，适配新手学习、中小企业原型开发等场景。其优点很贴合实际需求：拆分代码组件清晰，保留完整 CSS 样式，能大幅减少手动搭建页面框架的时间。
使用这款工具时也有一些实用的小提醒：克隆的网页仅能还原静态布局和样式，像登录态、动态交互这类内容无法完整复刻，而且使用前需要准备好 E2B、Firecrawl 等平台的 API 密钥，密钥保管要注意隐私，避免外泄造成不必要的损失。
不过 Open-Lovable 默认只能在本地局域网内使用，这会带来不少不便。比如开发者在家调试的克隆项目，想让公司的设计师远程查看效果，只能通过传文件、远程协助的方式，不仅耗时，还可能出现版本不一致的问题；要是出差在外需要修改克隆的代码，没法直接访问本地的工具，只能等回到电脑前操作，耽误工作进度。
而将 Open-Lovable 与 cpolar 内网穿透工具结合后，这些问题就能迎刃而解。无需公网 IP 和云服务器，只需简单配置就能生成公网访问地址，异地的同事直接点开链接就能查看克隆效果，还能给链接设置账号密码保护，既保障了 API 密钥的安全，又能实现团队实时协作，哪怕在咖啡馆、高铁站等场景，只要能上网就能访问本地的 Open-Lovable，灵活度大幅提升。
1. 关于 Open-Lovable
Open Lovable 是由 MendableAI 团队开发的一个开源项目。这款工具最吸引人的地方在于，你只需与 AI 对话，就能快速生成一个完整的 React 应用。无论是学习、原型设计还是实际项目开发，Open Lovable 都能轻松应对。
- 核心功能
- 将任意网页克隆为 React 应用
- 支持多种 AI 模型（如 Anthropic Claude、OpenAI GPT-5）
- 集成 E2B 沙箱与 Firecrawl 抓取引擎
- 特点
- 自然语言生成
- 网页克隆
- 灵活模型选择
- 安全环境
- 开源免费，MIT 许可证
2. 本地环境部署
前提要求：需要有 git、node.js 以及 vscode。
我们首先打开终端把仓库克隆下来：
git clone https://github.com/mendableai/open-lovable.git
接着进入到项目里：
cd open-lovable
下一步是安装项目依赖。官方通常推荐 npm，但有时会遇到网络问题，这里建议使用 pnpm。如果没有安装 pnpm，可以使用以下命令：
npm install -g pnpm
接着用 pnpm 安装依赖，过程可能需要几分钟，取决于你的网络情况：
pnpm install
完成后打开 vscode，打开 open-lovable 的文件夹，找到 env.example 文件，全选复制里面的内容。
新建一个名为 env.local 的文件，把刚才复制的内容粘贴进去。
其中第一个是需要 E2B 的 API 秘钥，它是一个沙盒，用来提供隔离的代码执行环境。 第二个是 Firecrawl 的 API 秘钥，它是一款 AI 网络爬虫工具，可以高效地自动抓取网站内容。 这两个是必须有的，大家可以去他们的官网领取免费的 API 秘钥。
下面四个 AI 模型任选其一就行，这些密钥用于后面操作的时候安全执行代码、抓取网页和调用 AI 接口。我这里是填写了最后一个 Groq 的 API 秘钥，这里免费领取秘钥的时候需要自备魔法环境哦。
Ctrl+S 保存下来，回到刚才的终端上来启动开发服务器：
pnpm run dev
打开浏览器访问 localhost:3000，就能看到我们进入到 open-lovable 的页面啦！是不是非常简洁美观？
