目录

imgcook图像大厨初体验,图片转前端代码前端把自己搞失业了

目录

imgcook(图像大厨)初体验,图片转前端代码。前端把自己搞失业了!

imgcook是什么?简单的说,就是可以把设计稿和图片转成前端代码。你或许会说,这个很多年前就有了啊,而且很不好用。但是!这个是由阿里巴巴推出的,所以规范程度应该会很高。

如果永久免费的话,我相信初中级的前端开发都要失业,或许部分设计师也要失业,因为现在是设计师做设计稿→前端,前端写页面→对接后端。而以后可以老板自己用PS设计页面(PS很好学)→后端。

右上角先登录。

直接上图片转代码,其它俩个还要下载,就很麻烦了。

https://i-blog.csdnimg.cn/blog_migrate/14a7348c7c6eea0cafea3950f60022ec.png

弹出一个体验版

https://i-blog.csdnimg.cn/blog_migrate/636e649fb586bb9a422c8417aac10a82.png

需要等待

https://i-blog.csdnimg.cn/blog_migrate/a4b6e96f6168742db756404150e3c9bf.png

生成

https://i-blog.csdnimg.cn/blog_migrate/5ba893b78cea195f4b0cdda729b7ef71.png

保存

https://i-blog.csdnimg.cn/blog_migrate/52890a967284f839a98c33ce5781175d.png

创建项目

https://i-blog.csdnimg.cn/blog_migrate/33ebff88d655710f4e658547a0326e2b.png

导出

https://i-blog.csdnimg.cn/blog_migrate/3deccdf89cdbc4963597192913031527.png

看看浏览器默认下载地址,看看下载到哪了

解压压缩包,浏览器打开index.html

https://i-blog.csdnimg.cn/blog_migrate/1c0a2a9e49e72a26081321744968633f.png

爽!

然后我们用网上找的移动端设计图来试试吧。

https://i-blog.csdnimg.cn/blog_migrate/c386379898b5a0219e8abc742d4ed366.png