Github 58.8k Stars 截图转代码

梦玄诗

于 2025-01-02 20:50:13 发布

阅读量398

点赞数 4

文章标签： github

版权

通过图片就能生成网页代码出来。这个项目不仅仅有开源，还有线上体验的版本。

截图转代码支持多种技术栈，包括但不限于：

这款工具支持以下AI模型：

我们还添加了实验性支持，对网站运行时的视频/屏幕进行录制并将其转变为功能原型。

截图转代码应用程序有一个React/Vite前端和一个FastAPI后端。以下是运行前后端的步骤：

1. 后端运行：
- • 使用Poetry进行包管理，如果没有安装，请先安装Poetry。
- • 设置环境变量，包括OpenAI API密钥和Anthropic API密钥。
- • 使用poetry install安装依赖，然后使用poetry run uvicorn main:app --reload --port 7001启动后端服务。
2. 前端运行：
- • 进入前端目录，使用yarn安装依赖，然后使用yarn dev启动前端服务。
- • 打开http://localhost:5173即可使用该应用程序。

• 如何获取OpenAI API密钥？：请访问这个链接[1]获取详细指南。
• 如何配置OpenAI代理？：如果你无法直接访问OpenAI API，可以尝试使用VPN，或者配置OpenAI基本URL以使用代理。
• 如何更新前端连接到的后端主机？：在front/.env.local中配置VITE_HTTP_BACKEND_URL和VITE_WS_BACKEND_URL。