人工智能_大模型021_Ubuntu/Centos本地安装_ScreenShotToCode根据设计图_截图生成前端Vue/React/Bootstrap页面_002---人工智能工作笔记0157

已于 2024-03-21 14:07:22 修改
阅读量271 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 深度/机器学习&爬虫 文章标签： 本地安装STCode ScreenShortToCo centos环境安装截图转前端 截图转VUE代码 截图转React前端代码
于 2024-03-20 18:42:22 首次发布
本文为博主原创文章，未经博主 添柴程序猿 允许不得转载 违者追究法律责任。
本文链接：https://blog.youkuaiyun.com/lidew521/article/details/136882075
本文记录了在Ubuntu/CentOS环境下安装ScreenShotToCode的过程，包括解决imageio-ffmpeg安装问题、网络超时设置、nodejs与yarn的安装与版本冲突，以及在安装过程中遇到的依赖问题和解决办法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

   上一节博文太长了,继续安装

本地我们poetry的源换成了,清华源以后,发现,大部分可以了现在还有一个

imageio-ffmpeg安装不上.

可以看到这里

我们把aliyun的配置成default,然后再去试试

可以看到换源以后,要求执行,poetry lock --no-update 来进行更新

执行以后,然后再去试试

效果好像还不如清华源好,再换回去,那怎么办,

去修改,超时时间试试

了解本专栏 订阅专栏 解锁全文 超级会员免费看
人工智能_大模型018_Ubuntu/Centos本地安装_ScreenShotToCode根据设计图_截图生成前端Vue/React/Bootstrap页面_001---人工智能工作笔记0154
添柴程序猿的专栏
03-15 708
真的很难安装,这个uuid怎么都装不上,换了3个机器了,租用的也不行,然后本地的吧,网络又不好,安装poetry都装不上.注册了谷歌账号以后,然后再用这个账号去登录,然后再去,注册openai的账号,然后再说。这个邮箱主要是用来注册,已经被限制了,需要用谷歌邮箱最好是,自己想办法去搞吧很麻烦。怎么都不行,在本地网络不行,只能找服务器了.用autodl中的租用的服务器试试把.看来必须要使用,验证码平台去,使用一个国外的比如印度的手机号去注册了.如果网络不好就安装不成功,那么这个时候,你可以去试试不同的源吧,
人工智能_大模型022_Centos本地安装_ScreenShotToCode根据设计图_截图生成前端Vue/React/Bootstrap页面_003---人工智能工作笔记0158
添柴程序猿的专栏
03-21 263
这里,下载以后放到对应的/data/module/gcc-13.2.0/ 这个目录,把原来的这个文件备份一下,改名成,.bak就可以了。执行gcc -v 可以看到,得到的版本还是 4.8.5 对吧,因为我们把gcc,安装在/usr/local中了。之前我们就生成这个.env文件了,我们是申请了一个calude3的,给的试用的5刀的额度的,这个key。好,之前是安装yarn的时候发现需要,升级glibc,然后升级glibc的时候,又发现需要,升级gcc。这个也下载下来,把原来的备份一下,然后放到对应目录。
Screenshot to code + 宝塔 Linux 搭建
哇哈哈的博客
07-11 2342
Screenshot to code在宝塔 linux 上的搭建教程
screenshot-to-code之安装、测试
杨江的IT分享专栏
06-23 2032
问题是yarn版本不对，是cmdtest里面的低版本 0.32版本，要改为最新的1.x版本。测试，打开浏览器控制台，注意观察 前端调用后台是 192.168.1.233:7001。就可以 访问 http://localhost:5173 进行测试了。好吧，去安装node.js 14.18.0版本，这又要先安装nvm。然后它就开始 调用backend服务 7001的，开始生成代码。浏览器访问http://192.168.1.233/再执行yarn，还是报错。准备 GPT收费账号。
【亲测免费】 开源项目教程：截图转代码工具（abi/screenshot-to-code）
gitblog_01037的博客
08-08 1530
开源项目教程：截图转代码工具（abi/screenshot-to-code） 项目介绍 截图转代码工具 是一个基于人工智能的创新开源项目，由用户 abi 发布在 GitHub 上。此工具能够将您提供的截图或设计图片转换成高质量的前端代码，支持 HTML、Tailwind CSS、React 和 Vue 等现代技术栈。借助 Claude、Sonnet 3.5 以及 GPT-4 等先进AI模型，该工具...
从截图到代码：screenshot-to-code开源项目实践指南
naozibuok的博客
11-09 2846
然后先点击“个人资料”，再点击“Billing”，最后点击“Add payment details”后应该可以进行充值，由于我使用的是Claude API，就无法展示后面的内容了。点击“Get API keys”(如果需要填写信息，随意填写即可，我是随便填写的)。最后，在浏览器访问 http://localhost:5173/，就成功啦！点击“Billing”(之后应该先需要完整信息，随意填写)。，下载并安装 LTS (长期支持)版本。点击“Start building”。点击“Create Key”。
Screenshot To Code
四问四不知的博客
12-02 4570
GPT-4Vision智能生成代码: 通过集成GPT-4Vision，该应用程序能够智能地分析截图并生成相应的HTML、Tailwind CSS和JavaScript代码，使用户无需手动编写代码。DALL-E3生成相似图像: 应用程序不仅生成代码，还利用DALL-E3生成与原始截图相似的图像，增强用户体验。实时代码更新: 用户可以直接在应用程序中查看生成的代码，并在需要时通过与AI的互动指令，调整样式或更新缺失的部分，以满足其需求。
vue_t_v14
l1029455098的博客
03-21 2939
vue
关于正确vue制作网站一系列步骤
Futuremmm的博客
12-22 1323
首页 关于我们 联系我们
screenshot-to-code - 截图转代码工具
最新发布
AI工程化、开源分享、文档翻译、代码笔记
04-21 2267
一、关于 screenshot-to-code 相关链接资源 关键功能特性 二、快速开始 三、Docker部署 四、常见问题 五、示例展示
ScreenshotToCode：一键跃现，屏幕即网页！瞬间截图变代码，创意设计秒成真
热门推荐
2401_83063795的博客
03-11 1万+
Screenshot-to-Code是一个实用且高效的开源解决方案，专注于简化和自动化从设计到开发的转换流程。该工具通过集成先进的机器学习算法与深度视觉分析技术，能够智能解析屏幕快照中包含的各种界面元素，如文本、图像、按钮、表格、导航栏等，并依据这些元素的位置、尺寸、颜色以及层次关系，精确地生成结构良好、易于维护的前端代码，涵盖HTML、CSS，乃至JavaScript交互逻辑。此项目旨在消除设计师与开发者之间在实现设计稿时可能出现的理解鸿沟，将静态的设计屏幕截图直接转化为可运行于现代Web环境的动态网页结
推荐开源项目：Screenshot-to-Code
gitblog_00004的博客
03-19 828
推荐开源项目：Screenshot-to-Code 项目地址:https://gitcode.com/gh_mirrors/sc/screenshot-to-code 项目简介 是一个创新的开源工具，能够将设计图中的截图自动转化为代码片段，主要用于网页和应用界面的开发。开发者只需要上传一张包含设计布局的截图，该工具就能通过深度学习算法，将其转化为HTML、CSS甚至是React或Vue等前端框架的...
ScreenshotToCode + Ollama，屏幕生成网页
a1308003218的博客
11-19 1774
能够将屏幕截图转换为代码Ollama一个开源的大模型平台github地址只需一张图即可生成最新的版本已经支持本地Ollama部署的AI了，不强制使用chatgpt，但是亲测还是chatgpt效果好一些。本文演示使用本地AI模型。
最新Poetry安装指南：30秒搞定配置
daihaoxin的专栏
10-24 1万+
本文介绍了最新版Poetry的安装方法及配置步骤。对于Linux/macOS和Windows系统，分别提供了通过清华镜像源安装Poetry的命令。安装完成后，需将Poetry的可执行文件目录添加到系统环境变量PATH中，推荐使用永久添加到用户级PATH的方法。此外，还提供了验证安装、常见问题排查及镜像加速的补充说明。对于旧版Poetry的安装方法，本文也进行了简要回顾，但指出其已过时。最后，介绍了Poetry的配置文件位置及如何配置项目专用的源。通过以上步骤，用户可以顺利完成Poetry的安装与配置。
开源初探 - screenshot-to-code
dotNET跨平台
03-27 782
介绍说明将截图转化为 HTML 代码的工具。该项目可以将屏幕截图转化为 HTML/JS/Tailwind CSS 代码，它使用 GPT-4 Vision 生成代码、DALL-E 3 生成相似的图片。安装运行为了方便演示及保持原有系统的简洁，将使用docker的方式来安装运行screenshot-to-code。由于项目本身已经提供了 Dockerfile，我们直接使用即可，需要注意的是，该项...
牛逼！50.3K Star！一个自动将屏幕截图转换为代码的开源工具
测试开发技术
05-24 1967
是一个创新的开源工具，它能够将设计图中的截图自动转化为代码片段，主要用于网页和应用界面的开发。通过上传一张包含设计布局的截图，该工具能够智能解析其中的各种界面元素，如文本、图像、按钮、表格、导航栏等，并依据这些元素的位置、尺寸、颜色以及层次关系，精确地生成结构良好、易于维护的前端代码，包括HTML、CSS，以及React或Vue等前端框架的代码，满足了不同项目的需求。
sketch2code 有的叫screenshot to code什么的
weixin_30609331的博客
02-14 510
先mark一下项目，回头再深究 https://github.com/mzbac/sketch2code https://www.floydhub.com/emilwallner/datasets/html_models/1/archives 转载于:https://www.cnblogs.com/www-caiyin-com/p/10374550.html...
人工智能_大模型020_大模型生成vue/React/Bootstrap前端_如何获得ScreenShotToCode需要的gpt4和calude3的api key---人工智能工作笔记0156
添柴程序猿的专栏
03-19 2795
生成了以后又有提示,可以看到这个key已经给了,但是这个不知道是GPT3.5的还是GPT-4.0-version的,可以先去用用试试。真的很难安装,这个uuid怎么都装不上,换了3个机器了,租用的也不行,然后本地的吧,网络又不好,安装poetry都装不上.就可以去生成对应的API Key,把手机号验证以后,就可以了,这里需要花钱,具体多少。可以去这里弄一个,这个用咱们的手机就可以弄了,弄了以后,然后绑定个邮箱,然后去申请开。fomepay,这个搜就可以,这个不需要KYC,并且,用就可以了,但是局限性就是。
screenshot to code自动生成前端代码
zakigo的博客
11-19 882
screenshottocode
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

添柴程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值