imgcook是一款由設計稿一鍵智能生成代碼的大廚，可以通過智能化手段把各種圖像一鍵生成可維護的ui視圖代碼，幫助用戶提高開發的效率，支持小程序、React、H5、Weex Rax等。

軟件介紹

imgcook是一款簡單易用的代碼生成工具。imgcook通常作為ps插件使用，其主要功能是通過智能化手段把各種圖像一鍵生成可維護的ui視圖代碼，操作方式簡便，能夠有效提高開發的開發效率。

軟件特色

智能化

全鏈路采用計算機視覺、深度學習等智能化手段依次去除對設計稿的約束，智能生成代碼。

精度還原

一鍵智能還原與豐富的操作面板

實時保證代碼和視覺的高度還原

DSL多樣

自定義編寫代碼模板

支持小程序、React、H5、Weex Rax 等，外部暫時不支持自定義代碼模板。

高可維護性

DOM 嵌套合理、相對定位布局、文本自適應

ClassName語義化、循環可自動識別

安裝方法

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 插件。

插件手動安裝指定目錄

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

Windows x64: C:/Program Files (x86)/Common Files/Adobe/CEP/extensions/

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

2. 簽署問題

安裝完 imgcook 插件后，打開 PhotoShop 可在 Window（窗口）->Extensions（擴展文件） 找到 imgcook 插件，首次呼起插件會提示 插件未經正確授權 錯誤，可通過以下操作解決。

Mac

打開 Terminal 終端，針對不同 Adobe PhotoShop CC 版本可在終端執行以下命令：

CC 2015: defaults write com.adobe.CSXS.6 PlayerDebugMode 1

CC 2015.5: defaults write com.adobe.CSXS.7 PlayerDebugMode 1

CC 2017: defaults write com.adobe.CSXS.7 PlayerDebugMode 1

CC 2018: defaults write com.adobe.CSXS.8 PlayerDebugMode 1

Windows

打開注冊表（運行 regedit）

找到 HKEY_CURRENT_USER\Software\Adobe

針對不同 CC 版本找到對應的 CSXS 項，比如 CSXS.7

鼠標右鍵新建字符串值

選中剛新建的字符串值注冊表-鼠標右鍵-修改-數值名稱：PlayerDebugMode 數值數據：1

CC 2015：HKEY_CURRENT_USER\Software\Adobe\CSXS.6

CC 2015.5：HKEY_CURRENT_USER\Software\Adobe\CSXS.7

CC 2017：HKEY_CURRENT_USER\Software\Adobe\CSXS.7

CC 2018：HKEY_CURRENT_USER\Software\Adobe\CSXS.8

執行完上述流程后，重啟 PS 重新打開 Window（窗口）->Extensions（擴展文件）-> imgcook 可看到一個小終端界面。

使用說明

1.打開下載包里的 imgcook試驗田.psd 文件，找到 PS 界面 layers(圖層) 窗口（如果沒有，可以通過勾選 Window（窗口） -> layers（圖層））打開

2.選中一個模塊最外層的圖層節點，點擊插件終端界面里的 導出數據。

3.等待插件處理完畢顯示導出成功后即可點擊 去粘貼 前往 imgcook 平臺進行粘貼。