hello大家好,今天推荐一款前端神器Codemaker,可以由图片直接生成代码。如果你是一名前端开发工程师、产品经理、UI设计师或者计算机专业的学生,那么这款工具可以帮助你显著的提效。工具的使用方式主要是两种:
·第一种是直接将UI图或者是网页截图拖至此处即可生成页面代码。
·第二种是目标网页的UR URL即可。

工具支持实现的前端框架有html、react view或者是bootstrap、react native还有lonic SVG,目前前端主要常用的框架应该基本都已经支持,我们来体验一下。
·第一种:图片上传。代码已经生成了,差不多1分钟左右,基本上已经可以完全复现原图,复现效果应该是比较理想的。这个是已经生成的代码,它会在这里生成,可以在这里修改也可以不改,将代码直接保存下来即可。
·第二种:方式生成移动端的H5页面。代码已经生成,UI里面的图片是没有办法复现的,内容基本上已经复刻了,还原度有80%左右。已经基本生成完了,可以看到和上传的UI图的布局基本一致。这个是生成的对应的代码,写的相对也比较简洁。
·第三种:输入目标网页的URL。已经生成完成。
介绍到此为止,欢迎大家来体验。