imgcook是一种可以一键从设计稿智能生成代码的大厨。可以从各种图像键智能生成可维护的ui视图代码，帮助用户提高开发效率，支持applets、React、H5、Wexrax等。

软件特色

智能化

整个环节采用计算机视觉、深度学习等智能手段，依次去除设计稿上的约束，智能生成代码。

精度降低

一键智能恢复和丰富的操作面板

确保高度的代码和视觉实时恢复。

DSL多样性

自定义编写代码模板

支持小程序，反应，H5，Wexrax等。和外部用户定义的代码模板暂时不受支持。

高维护性

DOM具有合理的嵌套、相对的定位和布局、自适应的文本。

类名是语义性的，可以自动识别循环。

安装方法

1.下载并安装PS插件。

在网站首页下载PS插件，解压文件后会得到相应操作系统的插件安装程序文件和测试场的PSD文件。安装程序的安装过程如下:

Mac用户:双击imgcook。photoshop_version.pkg文件，并按照步骤进行安装。安装完成后，您可以重新启动PhotoShop，并在窗口-& gt；扩展找到了imgcook插件。如果你遇到不可信软件的问题，你可以去系统偏好设置-& gt；安全和隐私->；还是要打开。

Windows用户:双击imgcook。photoshop_version.exe文件，并按照步骤进行安装，这将需要几分钟时间。安装完成后，您可以重新启动PhotoShop，并在窗口-& gt；扩展找到了imgcook插件。

如果上述安装程序的安装过程出现异常(比如Windows安装过程长时间卡死)，可以尝试手动安装。

解压imgcook.photoshop.zip文件，将解压后的目录文件根据各自的系统放入以下指定目录，重启photoshop在窗口(Window)中打开-->即可；扩展找到了imgcook插件。

插件被手动安装在指定的目录中。

MAC OS:/Library/Application Support/Adobe/CEP/extensions/

windows x64:C:/程序文件(x86)/公共文件/Adobe/CEP/extensions/

windows x32:C:/Program Files/Common Files/Adobe/CEP/extensions/

2.签名问题

安装imgcook插件后，可以在窗口中打开PhotoShop-& gt；扩展(扩展文件)找到了imgcook插件。第一次调用插件会提示插件授权不正确，可以通过以下操作解决。

苹果个人计算机

打开终端终端，在终端上针对不同版本的Adobe PhotoShop CC执行以下命令:

CC 2015:默认写com . adobe . csxs . 6 player debugmode 1

CC 2015.5:默认写com . adobe . csxs . 7 player debugmode 1

CC 2017:默认写com . adobe . csxs . 7 player debugmode 1

CC 2018:默认写com . adobe . csxs . 8 player debugmode 1

Windows操作系统

打开注册表(运行regedit)

查找HKEY _当前_用户\软件\ Adobe。

为不同的CC版本找到相应的CSXS项目，例如CSXS.7

鼠标右键创建新的字符串值

选择新创建的字符串值注册表-鼠标右键-修改-数值名称:PlayerDebugMode数值数据:1。

CC 2015:HKEY _当前_用户\软件\Adobe\CSXS.6

CC 2015.5:HKEY _当前_用户\软件\Adobe\CSXS.7

CC 2017:HKEY _当前_用户\软件\Adobe\CSXS.7

CC 2018:HKEY _当前_用户\软件\Adobe\CSXS.8

执行上述过程后，重启PS，重新打开窗口-& gt；扩展名(扩展名文件)->；imgcook可以看到一个小小的终端界面。

施用方式

1.打开imgcook实验场。psd文件，并找到PS界面的图层窗口(如果没有，可以查看窗口-& gt；层)打开

2.选择一个模块的最外层节点，在插件终端界面点击【导出数据】。

3.插件处理完毕，导出成功后，可以点击粘贴，到imgcook平台进行粘贴。