实践教程:
SCREENCODER: ADVANCING VISUAL-TO-CODE GEN ERATION FOR FRONT-END AUTOMATION VIA MODU LAR MULTIMODAL AGENTS
ScreenCoder:通过模块化多模态代理推进前端自动化的可视化到代码生成 (2025.7)
根据文档 readme.md 进行操作
如果用的 windows+ window for nvm,将虚拟环境 换成
py -3 -m venv .venv
.\.venv\Scripts\Activate.ps1
前面出现 (.venv)
**(.venv)**PS D:\xx\ScreenCoder>
,则表示++虚拟环境的打开++
原版的创建方式 是 linux 下的命令
执行:pip install -r requirements.txt
报错&解决:
报错:错误: 拒绝访问注册表路径。
分析:因为执行了 install -r requirements.txt
解决:前头加 pip
配置模型 和 API 密钥:


其他:
常见的 api:
Gemini > Qwen
deepseek api 【无法进行多模态,弃】
目前市面上免费的大模型API汇总(2026年01月) | Online's Tool
gemini 教程:谷歌Gemini大模型,如何爽用Gemini-2.5-pro满足日常使用 - 知乎
gpt 的 API 获取教程:
api 地址 -》右上头像 -》API keys-》create new secret key -》输入名字-》保存key
一定要注意,复制之后要自己妥善保管好,关闭这个页面即无法再看到这个key,也无法再行复制这个key
不过也不用过分担心,忘记了,我们再新建一个,把原来的删除就好了
扣费仅针对于token数,就是输出文本数,对key的数量没有扣费的
参考:
【venv 虚拟环境的搭建】:python 笔记(持续更新)_modulenotfounderror: no module named 'torch.utils-CSDN博客






