CodeFun初探

官网：

CodeFun - UI 设计稿智能生成源代码CodeFun 是 UI 设计稿智能生成源代码工具，使用 CodeFun，10 分钟完成 8 小时工作量。插件上传设计稿便可立即获取源代码，智能生成让程序员买单的代码，如手写般的代码。https://code.fun/

目录

CodeFun初探

一、psd处理

 二、生成代码

 三、npm run eject 打开webpack配置

 四、npm run start 运行

一、psd处理

文档：插件端 AI 策略设置 | CodeFun 文档

操作步骤：

1. 选中当前psd的图层
2. 对选中图层进行标记
3. 标记为 切图 会生成为图片
4. 标记为 保留当前分组 会以当前psd图层信息为优先
5. 其余为未标记的会以ai来判断，不会保留psd的分层信息

 

 

 二、生成代码

 

 三、npm run eject 打开webpack配置

 四、npm run start 运行