docker images | grep screenshot-to-code-backend 运行frontend 使用以下指令: dockerrm -f screenshot-to-code-frontend dockerrun--namescreenshot-to-code-frontend-d\--networkhost \-e VITE_WS_BACKEND_URL="ws://{your machine i
每月精彩 GitHub 项目推荐，涵盖 AutoGen、docker Windows、screenshot-to-code、Mindcraft、Twenty、3Blue1Brown 场景代码和 OpenHands，满足不同开发需求，提升工作效率。目录 1.AutoGen：代理人工智能编程框架2.Docker 容器中的 Windows3.screenshot-to-code：将截图转换为代码4.Mindcraft：我的世界中的 AI 助手5....
screenshot-to-code是一个将屏幕截图转化为HTML/JS/Tailwind CSS代码的工具,它使用GPT-4 Vision生成代码、DALL-E 3生成相似的图片。 二、Docker镜像 官方镜像 screenshot-to-code项目提供了官方的Docker镜像,包括前端和后端两个镜像。 你可以通过克隆项目仓库来获取Dockerfile和相关配置信息:screenshot-to-code项目...
该工具可以将截图、设计图等转化为多种编程语言的代码,支持多种AI模型,并可以通过Docker轻松安装。文章还介绍了如何与Ollama、GitHub Models API等API进行集成,以及如何使用Ninja Chat平台进行更加复杂的AI任务。 工具简介:Screenshot to Code是一个将截图、设计图等转换为清洁、功能性的代码的工具,支持HTML、React、...
File metadata and controls Code Blame 27 lines (21 loc) · 609 Bytes Raw version: '3.9' services: backend: build: context: ./backend dockerfile: Dockerfile env_file: - .env # or # environment: #- BACKEND_PORT=7001 # if you change the port, make sure to also change the VITE_WS...
借助React/Vite作为前端开发框架，FastAPI作为后端服务，screenshot-to-code工具展现出了卓越的响应速度。无论是应对简单的静态页面排版，还是处理复杂的交互组件，该工具都能在极短的时间内输出高质量的代码，提升开发效率。此外，screenshot-to-code工具支持Docker部署，从而简化了开发和部署流程。2.3 ◇ 自定义配置...
screenshot-to-code-frontend:latest dockerps|grepscreenshot-to-code-frontend 运行backend dockerrm-f screenshot-to-code-backend docker run--name screenshot-to-code-backend -d \--network host \-e OPENAI_API_KEY="{your_openai_api_key}"\ ...
项目可通过Docker一键启动，需要设置OpenAI API密钥，并执行构建镜像命令，项目完成后可通过浏览器访问。若已安装Docker，请执行以下步骤启动该项目：首先，在.env文件中添加一行配置，内容为：OPENAI_API_KEY=sk-your-key 然后，运行以下命令启动项目并构建镜像：```docker-compose up -d --build ```完成后，即可...
docker-compose up-d--build 1. 2. 实战案例 📱 仿 Instagram 页面 上传截图。 选择React + Tailwind 技术栈。 自动生成代码,样式整齐完美。 📰 仿纽约时报新闻页面 截一张纽约时报首页的图片。 用Screenshot-to-Code 转成 HTML+CSS,调整颜色和间距,轻松还原。
为了方便演示及保持原有系统的简洁,将使用 docker 的方式来安装运行 screenshot-to-code。由于项目本身已经提供了 Dockerfile,我们直接使用即可,需要注意的是,该项目有 frontend 和 backend 两个镜像。 克隆代码 git clone https://github.com/abi/screenshot-to-code.git 构建frontend cd frontend/ docker build ...