图像大厨imgcook

imgcookforPhotoshop是阿里程序员开发的一款图像智能化生成代码的插件，这款插件目前支持sketch和Photoshop，这里西西提供的是Photoshop版本。这款插件可以帮助设计师们将做好的图像稿件智能生成前端代码，其高度智能化保证代码和视觉的高度还原，大家可以尝试下。

安装方法：

1.下载并安装PS插件

在网站首页下载PS版插件，解压文件后会得到对应操作系统的插件安装器文件以及试验田试玩PSD文件。安装器安装流程如下：

Mac用户：双击?imgcook.photoshop_version.pkg?文件，按步骤提示进行安装，安装完毕后可重启PhotoShop，在Window（窗口）-Extensions（扩展文件）找到imgcook插件。如果遇到软件不可信问题，可前往?系统偏好设置-安全性与隐私-仍要打开。

Windows用户：双击?imgcook.photoshop_version.exe文件?，按步骤提示进行安装，大概耗时几分钟，安装完毕后可重启PhotoShop，在Window（窗口）-Extensions（扩展文件）找到imgcook插件。

如果上述安装器安装流程出现异常（比如Windows安装过程卡住时间很久），可尝试手动安装。

解压?imgcook.photoshop.zip?文件，根据各自的系统将解压后的目录文件放置到以下指定目录里，重启PhotoShop即可在Window（窗口）-Extensions（扩展文件）找到imgcook插件。

插件手动安装指定目录

MacOS:?/Library/ApplicationSupport/Adobe/CEP/extensions/

Windowsx64:?C:/ProgramFiles(x86)/CommonFiles/Adobe/CEP/extensions/

Windowsx32:?C:/ProgramFiles/CommonFiles/Adobe/CEP/extensions/

2.签署问题

安装完imgcook插件后，打开PhotoShop可在Window（窗口）-Extensions（扩展文件）找到imgcook插件，首次呼起插件会提示?插件未经正确授权?错误，可通过以下操作解决。

Mac

打开Terminal终端，针对不同AdobePhotoShopCC版本可在终端执行以下命令：

CC2015:defaultswritecom.adobe.CSXS.6PlayerDebugMode1

CC2015.5:defaultswritecom.adobe.CSXS.7PlayerDebugMode1

CC2017:defaultswritecom.adobe.CSXS.7PlayerDebugMode1

CC2018:defaultswritecom.adobe.CSXS.8PlayerDebugMode1

Windows

打开注册表（运行regedit）

找到?HKEY_CURRENT_USER\Software\Adobe

针对不同CC版本找到对应的CSXS项，比如CSXS.7

鼠标右键新建字符串值

选中刚新建的字符串值注册表-鼠标右键-修改-数值名称：PlayerDebugMode数值数据：1

CC2015：HKEY_CURRENT_USER\Software\Adobe\CSXS.6

CC2015.5：HKEY_CURRENT_USER\Software\Adobe\CSXS.7

CC2017：HKEY_CURRENT_USER\Software\Adobe\CSXS.7

CC2018：HKEY_CURRENT_USER\Software\Adobe\CSXS.8

执行完上述流程后，重启PS重新打开Window（窗口）-Extensions（扩展文件）-imgcook可看到一个小终端界面。

使用方法：

1.打开下载包里的?imgcook试验田.psd?文件，找到PS界面?layers(图层)?窗口（如果没有，可以通过勾选Window（窗口）-layers（图层））打开

2.选中一个模块最外层的图层节点，点击插件终端界面里的导出数据。

3.等待插件处理完毕显示导出成功后即可点击?去粘贴?前往imgcook平台进行粘贴。

Tags:imgcook,Photoshop.