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

軟件特色

　　智能化

　　全鏈路采用計(jì)算機(jī)視覺、深度學(xué)習(xí)等智能化手段依次去除對設(shè)計(jì)稿的約束，智能生成代碼。

　　精度還原

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

　　實(shí)時(shí)保證代碼和視覺的高度還原

　　DSL多樣

　　自定義編寫代碼模板

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

　　高可維護(hù)性

　　DOM 嵌套合理、相對定位布局、文本自適應(yīng)

　　ClassName語義化、循環(huán)可自動(dòng)識(shí)別

安裝方法

　　1. 下載并安裝 PS 插件

　　在網(wǎng)站首頁下載 PS 版插件，解壓文件后會(huì)得到對應(yīng)操作系統(tǒng)的插件安裝器文件以及試驗(yàn)田試玩 PSD 文件。安裝器安裝流程如下：

　　Mac 用戶：雙擊 imgcook.photoshop_version.pkg 文件，按步驟提示進(jìn)行安裝，安裝完畢后可重啟 PhotoShop，在 Window（窗口）->Extensions（擴(kuò)展文件） 找到 imgcook 插件。如果遇到軟件不可信問題，可前往 系統(tǒng)偏好設(shè)置 -> 安全性與隱私 -> 仍要打開。

　　Windows 用戶：雙擊 imgcook.photoshop_version.exe 文件 ，按步驟提示進(jìn)行安裝，大概耗時(shí)幾分鐘，安裝完畢后可重啟 PhotoShop，在 Window（窗口）->Extensions（擴(kuò)展文件） 找到 imgcook 插件。

　　如果上述安裝器安裝流程出現(xiàn)異常（比如 Windows 安裝過程卡住時(shí)間很久），可嘗試手動(dòng)安裝。

　　解壓 imgcook.photoshop.zip 文件，根據(jù)各自的系統(tǒng)將解壓后的目錄文件放置到以下指定目錄里，重啟 PhotoShop 即可在 Window（窗口）->Extensions（擴(kuò)展文件） 找到 imgcook 插件。

　　插件手動(dòng)安裝指定目錄

　　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（擴(kuò)展文件） 找到 imgcook 插件，*呼起插件會(huì)提示 插件未經(jīng)正確授權(quán) 錯(cuò)誤，可通過以下操作解決。

　　Mac

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

　　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

　　打開注冊表（運(yùn)行 regedit）

　　找到 HKEY_CURRENT_USERSoftwareAdobe

　　針對不同 CC 版本找到對應(yīng)的 CSXS 項(xiàng)，比如 CSXS.7

　　鼠標(biāo)右鍵新建字符串值

　　選中剛新建的字符串值注冊表-鼠標(biāo)右鍵-修改-數(shù)值名稱：PlayerDebugMode 數(shù)值數(shù)據(jù)：1

　　CC 2015：HKEY_CURRENT_USERSoftwareAdobeCSXS.6

　　CC 2015.5：HKEY_CURRENT_USERSoftwareAdobeCSXS.7

　　CC 2017：HKEY_CURRENT_USERSoftwareAdobeCSXS.7

　　CC 2018：HKEY_CURRENT_USERSoftwareAdobeCSXS.8

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

使用方法

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

　　2.選中一個(gè)模塊*外層的圖層節(jié)點(diǎn)，點(diǎn)擊插件終端界面里的 導(dǎo)出數(shù)據(jù)。

　　3.等待插件處理完畢顯示導(dǎo)出成功后即可點(diǎn)擊 去粘貼 前往 imgcook 平臺(tái)進(jìn)行粘貼。