阿里imgcook--上传图片，自动生成前端结构样式

 你是否还在为切图太慢而加班到深夜？你是否还在为css基础薄弱苦苦烦恼？你是否还在为UI改进改到头秃？

使用以下教程，让我们开开心心下班（比别人下班早），快快乐乐验收（UI细节哭了）

 

介绍：

本教程来源阿里淘系技术部，前端智能生成代码平台 imgcook

以下为官网：

https://www.imgcook.com/

一下为使用文档：

https://www.imgcook.com/docs

 

 

下面只是我实际使用过程中的步骤，官网的教程步骤实际上是面向设计师的，所以对于开发来讲，我们可以忽略使用sktche或者ps生成文件的步骤，直接通过我们从UI那里拿到的源文件生成代码。

 

步骤一（上传源文件）：

打开链接https://www.imgcook.com/editor#/?fileparse=sketch 或者 https://imgcook.taobao.org/editor#/

很显然，我们可以看出这里有四种类型的文件源供我们选择，这里我们最好根据ui提供的sketch文件