imgcook是什么？簡(jiǎn)單的說(shuō)，就是可以把設(shè)計(jì)稿和圖片轉(zhuǎn)成前端代碼。你或許會(huì)說(shuō)，這個(gè)很多年前就有了啊，而且很不好用。但是！這個(gè)是由阿里巴巴推出的，所以規(guī)范程度應(yīng)該會(huì)很高。
如果永久免費(fèi)的話，我相信初中級(jí)的前端開(kāi)發(fā)都要失業(yè)，或許部分設(shè)計(jì)師也要失業(yè)，因?yàn)楝F(xiàn)在是設(shè)計(jì)師做設(shè)計(jì)稿→前端，前端寫頁(yè)面→對(duì)接后端。而以后可以老板自己用PS設(shè)計(jì)頁(yè)面（PS很好學(xué)）→后端。
imgcook鏈接 右上角先登錄。
直接上圖片轉(zhuǎn)代碼，其它倆個(gè)還要下載，就很麻煩了。

彈出一個(gè)體驗(yàn)版

需要等待

生成

保存

創(chuàng)建項(xiàng)目

導(dǎo)出

看看瀏覽器默認(rèn)下載地址，看看下載到哪了
解壓壓縮包，瀏覽器打開(kāi)index.html

爽！
然后我們用網(wǎng)上找的移動(dòng)端設(shè)計(jì)圖來(lái)試試吧。

簡(jiǎn)直太棒了

這還是響應(yīng)式的

文檔 同樣有js事件的操作，但略感復(fù)雜就不嘗試了，感興趣的話可以自己試試。
總的來(lái)說(shuō)不完美（有可能圖像本身不是原圖，清晰度導(dǎo)致的），但是需要調(diào)整的地方不多，對(duì)于我這種前端渣渣來(lái)說(shuō)已經(jīng)相當(dāng)好了。

總結(jié)

以上是生活随笔為你收集整理的imgcook（图像大厨）初体验，图片转前端代码。前端把自己搞失业了！的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。