⇧点蓝色字关注“橘子的分享”
现在你有这样一个需求，你想要复制一下你喜欢的网站，但是你不会写代码，也不想花钱让人来帮你写，那该怎么办呢？这不就来了吗！
screenshot-to-code，一看名字就知道，截图识别转化为代码，这个项目的功能就是这样子的，将你看到的网页转化为代码！他是使用大模型来识别截图中的UI元、布局以及其他块，然后转化为对应的代码。它支持Claude Sonnet 3.5和GPT-4o。在github上获得了59.5k的star！并且还在快速的增长中！
可以直接通过以下链接访问github项目https://github.com/abi/screenshot-to-code.git
他除了开源的外还有一个自己的网站，不过要收费了！
地址：https://screenshottocode.com/，在这个网站中，只要输入你想要复制的网站网址即可生成对应的代码，当然你还可以选择对应的框架。
当然，作为新时代的打工人，有开源的，就选择开源的，自己搞搞，就是把代码拉下来，然后输入个对应模型的密钥，然后在运行一下就好了！
先把代码拉下来，这里的包是使用Poetry进行管理的，所以没有的话可以先pip install Poetry一下，用于安装它。
然后我们需要执行以下代码来配置一下
cd backend
echo "OPENAI_API_KEY=sk-your-key" > .env
echo "ANTHROPIC_API_KEY=your-key" > .env
poetry install
poetry shell
poetry run uvicorn main:app --reload --port 7001
然后就是来运行前端项目了，这样就有可视化的页面了
cd frontend
yarn
yarn dev
然后就可以打开127.0.0.1:5173来访问打开的本地项目。这个就和官网是一样的了！
突然想到，如果我当时毕设有这个，指不定就拿这个来生成代码，然后我来改改，说不定快了很多！
2024-11-03
2024-10-27
2024-10-13
2024-10-09
2024-09-22
2024-09-08
2024-08-16
2024-08-15
2024-08-13
2024-08-12
▌本文来源：橘子的分享微信公众号
DECEMBER
点个在看你最好看
