运行backend 使用以下指令: dockerrm -f screenshot-to-code-backend dockerrun --name screenshot-to-code-backend -d \--network host \-e OPENAI_API_KEY="{your_openai_api_key}" \screenshot-to-code-backend:latest \poetry run
支持多种技术栈和AI模型选择，确保代码生成的多样性和优质性。screenshot-to-code工具兼容多种技术栈，涵盖HTML结合Tailwind、React搭配Tailwind以及Vue与Tailwind等组合。无论你正采用何种前端框架或CSS框架，该工具都能为你提供精准的支持，从而确保生成的代码能够完美融入你的项目架构之中。2.2 ◇ 快速响应及Docker...
除了官方镜像外,你也可以查找是否有第三方制作的screenshot-to-code Docker镜像。这些镜像可能提供了额外的配置或优化,但使用时需要注意其来源和可靠性。 例如,在某些Docker镜像仓库中,可能会找到类似ccr.ccs.tencentyun.com/erik_xu/screenshot-to-code-frontend:latest和ccr.ccs.tencentyun.com/erik_xu/screenshot-...
目录 1.AutoGen：代理人工智能编程框架2.Docker 容器中的 Windows3.screenshot-to-code：将截图转换为代码4.Mindcraft：我的世界中的 AI 助手5.开源 CRM Twenty：定制您的业务6.3Blue1Brown YouTube 场景代码7.开源人工智能软件开发者平台 OpenHands 1.AutoGen：代理人工智能编程框架 ️仓库名称：microsoft/autoge...
该工具可以将截图、设计图等转化为多种编程语言的代码,支持多种AI模型,并可以通过Docker轻松安装。文章还介绍了如何与Ollama、GitHub Models API等API进行集成,以及如何使用Ninja Chat平台进行更加复杂的AI任务。 工具简介:Screenshot to Code是一个将截图、设计图等转换为清洁、功能性的代码的工具,支持HTML、React、...
如果你懒得折腾本地环境,Screenshot-to-Code 还支持Docker 一键部署,开发党省时利器。 echo'OPENAI_API_KEY=sk-your-key'> .envdocker-compose up -d --build 实战案例 📱 做个像 Instagram 的页面 1. 上传截图。 2. 选择 React + Tailwind 技术栈。
poetry run uvicorn main:app--host0.0.0.0--port7001dockerps|grepscreenshot-to-code-backend 使用简介 经过上述步骤后,screenshot-to-code 已成功运行,此时可通过服务器 IP + 5173 端口访问(需要设置相关安全组或防火墙规则,这里需要设置 5173 和 7001 两个端口)。
项目可通过Docker一键启动，需要设置OpenAI API密钥，并执行构建镜像命令，项目完成后可通过浏览器访问。若已安装Docker，请执行以下步骤启动该项目：首先，在.env文件中添加一行配置，内容为：OPENAI_API_KEY=sk-your-key 然后，运行以下命令启动项目并构建镜像：```docker-compose up -d --build ```完成后，即可...
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue) - screenshot-to-code/docker-compose.yml at main · liseami/screenshot-to-code
为了方便演示及保持原有系统的简洁,将使用 docker 的方式来安装运行 screenshot-to-code。由于项目本身已经提供了 Dockerfile,我们直接使用即可,需要注意的是,该项目有 frontend 和 backend 两个镜像。 克隆代码 git clone https://github.com/abi/screenshot-to-code.git 构建frontend cd frontend/ docker build ...