可以看到功能非常强大,你只需一张你喜欢的网页截图,他会帮你生成和网页一样的html和css代码,内容他会自动替换,从此解放双手。
效果展示
第一、去github下载开源项目
开源项目:GitHub - abi/screenshot-to-code
注:这是别人的开源项目
进去后按步骤点击
第二、解压开源项目
下载成功后解压,解压后cmd进入当前目录(我把它下载到d:)
第三、通过pip install poetry,等它下载完
第四、通过下面这些命令启动后端
cd backend
echo "OPENAI_API_KEY=sk-your-key" > .env
poetry install
poetry shell
poetry run uvicorn main:app --reload --port 7001
注意:OPENAI_API_KEY=sk-your-key,的sk-your-key填你的OpenAI API 密钥
通过poetry install下载报错
去官网下载最新版,然后去控制面板删除以前的版本,如果下载了最新的,一般有两个python版本,卸载以前的就好,
更改环境变量删除原来的,保留最新的(这是我原来python环境路径,需要删除,换最新的下载路径)
第五、后端启动成功的标准
第六、我们需要再开一个cmd还是这个目录
第七、运行前端,执行一下命令
cd frontend
yarn
yarn dev
成功页面
最后打开http://localhost:5173以使用该应用程序。